*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;height:auto}body{font-family:Inter,'Noto Sans TC',sans-serif;line-height:1.6;color:#333;background:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{background-color:transparent;color:#fff;padding:12px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}.main-header.scrolled{background-color:rgba(22,125,138,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-container{display:flex;align-items:center;justify-content:space-between}.header-logo img{height:40px;width:auto;display:block;border-radius:8px;background:#fff;padding:2px}.header-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:36px;font-size:16px;font-weight:500}.nav-item{color:#fff;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap;position:relative;padding:8px 12px;border-radius:6px}.nav-item:hover{background:rgba(255,255,255,.1)}.nav-item.has-dropdown{cursor:pointer}.nav-link-scroll{color:inherit;text-decoration:none}.live-icon{background-color:#ef4444;color:#fff;font-size:16px;font-weight:700;padding:2px 10px;border-radius:6px;margin-right:6px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.live-dot{width:6px;height:6px;background-color:#fff;border-radius:50%;animation:livePulse 1.2s ease-in-out infinite}@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(10px);width:420px;background:#fff;color:#333;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.15);padding:12px;opacity:0;visibility:hidden;transition:all .25s ease;z-index:1001;cursor:default}.dropdown-menu::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:#fff}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-grid{display:flex;flex-direction:column;gap:4px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;transition:background .2s}.dropdown-item:hover{background:#f1f5f9}.dropdown-icon{width:36px;height:36px;background:linear-gradient(135deg,#e0f7fa 0,#b2ebf2 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-icon svg{width:18px;height:18px;color:#21a4b1}.dropdown-text{flex:1;display:flex;flex-direction:column;gap:2px}.dropdown-title{font-size:16px;font-weight:600;color:#1e293b}.dropdown-desc{font-size:16px;color:#64748b}.dropdown-badge{font-size:16px;padding:3px 8px;border-radius:12px;font-weight:600;flex-shrink:0}.dropdown-badge.hot{background:#fef3c7;color:#d97706}.dropdown-badge.new{background:#d1fae5;color:#059669}.dropdown-footer{margin-top:8px;padding-top:12px;border-top:1px solid #e2e8f0}.dropdown-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:16px;font-weight:600;color:#21a4b1;text-decoration:none;border-radius:8px;transition:background .2s}.dropdown-all:hover{background:#f0fdfa}.core-topics-header{text-align:center;margin-bottom:30px}.topics-inline-container{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.topic-simple-item{display:flex;align-items:center;gap:12px;padding:12px 24px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;text-decoration:none;transition:all .3s ease}.topic-simple-item:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.topic-simple-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.topic-simple-icon svg{width:100%;height:100%;stroke:#fff;stroke-width:2;fill:none}.topic-simple-text{font-size:16px;font-weight:600}.header-actions{display:flex;align-items:center;gap:16px}.btn-start-learning{background-color:#21a4b1;color:#fff;padding:10px 24px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px rgba(33,164,177,.3)}.btn-start-learning:hover{background-color:#1a8a95;transform:translateY(-2px);box-shadow:0 6px 16px rgba(33,164,177,.4)}.hamburger-btn{display:none;background:0 0;border:none;cursor:pointer;padding:4px;z-index:1002}.hamburger-icon{width:24px;height:2px;background-color:#fff;position:relative;transition:all .3s ease;display:block}.hamburger-icon::after,.hamburger-icon::before{content:'';position:absolute;width:24px;height:2px;background-color:#fff;left:0;transition:all .3s ease}.hamburger-icon::before{top:-8px}.hamburger-icon::after{bottom:-8px}.hamburger-btn.active .hamburger-icon{background-color:transparent}.hamburger-btn.active .hamburger-icon::before{transform:rotate(45deg);top:0}.hamburger-btn.active .hamburger-icon::after{transform:rotate(-45deg);bottom:0}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#167d8a;padding-top:80px;padding-left:20px;padding-right:20px;transition:right .3s ease;z-index:999;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.mobile-menu.active{right:0}.mobile-nav-item{color:#fff;text-decoration:none;font-size:18px;font-weight:500;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center}.mobile-nav-item .live-icon{font-size:16px;padding:4px 8px}.mega-menu-content{display:flex;flex-direction:column;gap:20px}.menu-tabs{display:flex;gap:12px}.menu-tab{padding:6px 16px;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;background:#f1f5f9;color:#64748b}.menu-tab.active{background:#1e293b;color:#fff}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.menu-column h4{font-size:16px;color:#64748b;margin-bottom:12px;font-weight:600}.menu-link{display:block;text-decoration:none;color:#334155;font-size:16px;font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px;transition:color .2s}.menu-link:hover{color:#167d8a}.menu-tag{font-size:16px;padding:2px 6px;border-radius:4px;font-weight:700;color:#fff}.tag-new{background:#f97316}.tag-hot{background:#10b981}.menu-footer{margin-top:10px;padding-top:16px;border-top:1px solid #eee}.view-all-link{color:#1e293b;text-decoration:none;font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px}.view-all-link:hover{text-decoration:underline}.header-actions{display:flex;align-items:center;gap:20px}.cart-btn{color:#fff;position:relative;display:flex;align-items:center}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;font-size:16px;font-weight:700;height:18px;width:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #167d8a}.login-btn{background-color:#21a4b1;color:#fff;padding:8px 20px;border-radius:4px;text-decoration:none;font-weight:600;font-size:16px;transition:background .2s}.login-btn:hover{background-color:#1a8a95}.hero{background-image:url('images/raymond-hero.webp');background-size:cover;background-position:center;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hero-content{padding:60px 80px;max-width:1200px;width:100%;box-sizing:border-box}.hero-content>*{max-width:700px}.hero-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:24px;line-height:1.3}.hero-title .highlight{color:#f59e0b}.hero-subtitle{font-size:18px;color:rgba(255,255,255,.9);line-height:1.2;margin-bottom:8px}.hero-subtitle .highlight{color:#f59e0b;font-weight:600}.partners-section{background:#fff;padding:40px 0;border-top:1px solid #e5e7eb}.partners-section .container{display:flex;flex-direction:column;align-items:center;gap:24px}.partners-title{color:#374151;font-size:24px;font-weight:600}.hero-logos{position:relative;width:100%;max-width:1200px;margin:60px auto 0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 40px;box-sizing:border-box;z-index:2}.hero-logos-title{color:#64748b;font-size:16px;letter-spacing:1px}.logos-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logos-track{display:flex;gap:48px;animation:scrollLogos 40s linear infinite;width:max-content}@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.hero-logo{width:100%;max-width:200px;height:auto;opacity:.9;transition:opacity .3s}.hero-logo:hover{opacity:1}.logo-placeholder{width:100px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.experts-section{background:#fff;padding:10px 0 60px}.experts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.expert-card{background:#21a4b1;border-radius:16px;padding:24px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 4px 16px rgba(33,164,177,.3);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.expert-card::before{content:'';position:absolute;top:12px;right:12px;width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.2)'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}.expert-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(33,164,177,.4)}.expert-avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3)}.expert-avatar img{width:100%;height:100%;object-fit:cover}.expert-content{flex:1}.expert-quote{font-size:16px;color:#fff;line-height:1.6;margin-bottom:12px}.expert-quote-link{text-decoration:none;color:inherit}.expert-info{display:flex;flex-direction:column;gap:2px}.expert-name{font-size:16px;font-weight:600;color:#fff}.expert-title{font-size:16px;color:rgba(255,255,255,.8)}@media (max-width:1024px){.experts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.experts-section{padding:40px 0}.experts-grid{grid-template-columns:1fr;gap:16px}.expert-card{padding:20px}.expert-avatar{width:48px;height:48px}.expert-quote{font-size:16px}}.core-topics{background-color:#21a4b1;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px;background-position:center center;padding:30px 0;position:relative}.core-topics::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0,#21a4b1 90%);pointer-events:none}.core-topics-header{text-align:center;margin-bottom:20px;position:relative;z-index:2}.core-topics-header h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px}.core-topics-header p{color:rgba(255,255,255,.9);font-size:16px}.core-topics-hub-container{position:relative;max-width:1000px;margin:0 auto;padding:40px 0;display:flex;justify-content:center;align-items:center;z-index:1}.hub-topic-chip{background:#fff;padding:16px 28px;border-radius:50px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s;cursor:default;white-space:nowrap;border:1px solid #e2e8f0;min-width:180px}.hub-topic-chip:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.12);background:#fff;border-color:#cbd5e1}.hub-content{display:flex;align-items:center;justify-content:center;gap:60px;position:relative;z-index:1;width:100%}.hub-column{display:flex;flex-direction:column;gap:60px;flex:1}.hub-column.left{align-items:flex-end}.hub-column.right{align-items:flex-start}.hub-center{position:relative;width:220px;height:220px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border-radius:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.6);flex-shrink:0}.hub-center::before{content:'';position:absolute;inset:-10px;border-radius:50px;border:2px dashed #cbd5e1;z-index:-1}.hub-center img{width:80%;height:auto;filter:drop-shadow(0 10px 20px rgba(0, 0, 0, .2))}.hub-topic-chip{background:rgba(255,255,255,.95);padding:16px 28px;border-radius:50px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;cursor:default;white-space:nowrap;border:1px solid rgba(255,255,255,.5);min-width:180px}.hub-topic-chip:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);background:#fff}.hub-topic-icon{width:36px;height:36px;background:#e0f2fe;color:#21a4b1;border-radius:50%;display:flex;align-items:center;justify-content:center}.hub-topic-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.hub-topic-text{font-size:16px;font-weight:600;color:#1e293b}.chip-productivity .hub-topic-icon{background:#fee2e2;color:#ef4444}.chip-tools .hub-topic-icon{background:#dbeafe;color:#3b82f6}.chip-knowledge .hub-topic-icon{background:#fef3c7;color:#f59e0b}.chip-life .hub-topic-icon{background:#dcfce7;color:#22c55e}@media (max-width:768px){.hub-content{flex-direction:column;gap:40px}.hub-lines{display:none}.hub-column{flex-direction:row;justify-content:center;gap:20px;width:100%;flex-wrap:wrap}.hub-column.left,.hub-column.right{align-items:center}.hub-center{width:160px;height:160px}}.mini-course{position:relative;padding:60px 0;overflow-x:clip}.mini-course::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(248,250,252,.92);z-index:1}.mini-course>.container{position:relative;z-index:2}.mini-course-swoosh{position:absolute;width:150px;height:150px;border:4px solid #21a4b1;border-radius:50%;opacity:.15;z-index:1}.mini-swoosh-1{top:10%;right:-60px;width:140px;height:220px;border-radius:100px;transform:rotate(20deg)}.mini-swoosh-2{bottom:15%;right:5%;width:70px;height:70px}.mini-swoosh-3{bottom:20%;left:-40px;width:100px;height:180px;border-radius:80px;transform:rotate(-15deg)}.mini-course-header{text-align:center;margin-bottom:50px}.mini-course-header .new-badge{display:inline-block;background:linear-gradient(135deg,#f97316 0,#fb923c 100%);color:#fff;padding:6px 20px;border-radius:20px;font-size:16px;font-weight:700;letter-spacing:1px;margin-right:12px;vertical-align:middle;box-shadow:0 4px 15px rgba(249,115,22,.3)}.mini-course-header h2{display:inline;font-size:32px;color:#1e293b;vertical-align:middle}.mini-course-header .subtitle{color:#64748b;font-size:16px;margin-top:16px;line-height:1.8}.mini-course-grid{display:flex;justify-content:center;gap:80px;max-width:900px;margin:0 auto}.book-item{position:relative;cursor:pointer;text-decoration:none;display:block}.book-container{width:200px;height:300px;perspective:1000px;perspective-origin:50% 50%}.book{position:relative;width:200px;height:250px;transform-style:preserve-3d;transition:transform .5s ease}.book-item:hover .book{transform:rotateY(-25deg)}.book>div{position:absolute;top:0;left:0;width:200px;height:250px;transform-origin:left center;transition:transform .6s ease}.book .cover{background:#fff;border-radius:0 3px 3px 0;box-shadow:0 0 5px rgba(0,0,0,.1),inset 3px 0 10px rgba(0,0,0,.1);z-index:5;transform:rotateY(-8deg);overflow:hidden}.book .cover img{width:100%;height:100%;object-fit:cover;border-radius:0 3px 3px 0}.book .cover::after{content:'';position:absolute;top:0;left:0;width:20px;height:100%;background:linear-gradient(to right,rgba(0,0,0,.25) 0,rgba(0,0,0,.15) 30%,rgba(0,0,0,.05) 70%,transparent 100%);pointer-events:none;z-index:10}.book .page{background:#fff;border-radius:0 3px 3px 0;box-shadow:inset 3px 0 20px rgba(0,0,0,.05)}.book .page.first{z-index:4;transform:translateX(2px) rotateY(-8deg)}.book .page.second{z-index:3;transform:translateX(4px) rotateY(-8deg)}.book .page.third{z-index:2;transform:translateX(6px) rotateY(-8deg)}.book .page.last{z-index:1;background:linear-gradient(to right,#f5f5f5 0,#fff 100%);transform:translateX(8px) rotateY(-8deg)}.book .back{background:linear-gradient(to right,#e8e8e8 0,#f0f0f0 100%);border-radius:0 3px 3px 0;z-index:0;transform:translateX(10px) rotateY(-8deg);box-shadow:5px 5px 20px rgba(0,0,0,.2)}.book .cover-edge{position:absolute;top:0;left:0;width:12px;height:100%;background:linear-gradient(to right,#d0d0d0 0,#e8e8e8 30%,#f0f0f0 70%,#e0e0e0 100%);transform:translateX(-6px) rotateY(90deg);z-index:6}.book-item:hover .book .cover{transform:rotateY(-25deg);box-shadow:0 0 5px rgba(0,0,0,.1),inset -3px 0 10px rgba(0,0,0,.1)}.book-item:hover .book .page.first{transform:translateX(2px) rotateY(-18deg);transition-delay:20ms}.book-item:hover .book .page.second{transform:translateX(4px) rotateY(-14deg);transition-delay:40ms}.book-item:hover .book .page.third{transform:translateX(6px) rotateY(-12deg);transition-delay:60ms}.book-info{text-align:center;margin-top:24px}.book-info h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px;line-height:1.4}.book-info .book-meta{display:flex;justify-content:center;align-items:center;gap:12px;font-size:16px;color:#64748b}.book-info .stars{color:#f59e0b;letter-spacing:1px}@media (max-width:768px){.mini-course-grid{flex-direction:column;align-items:center;gap:50px}.book-container{width:180px;height:270px}.book{width:180px;height:270px}.book>div{width:180px;height:270px}.mini-course-header h2{font-size:26px;display:block;margin-top:12px}}.productivity-section{background:#1e293b;padding:80px 0}.productivity-header{margin-bottom:50px}.productivity-header .badge{display:inline-block;background:#21a4b1;color:#fff;padding:6px 14px;border-radius:6px;font-size:16px;font-weight:500;margin-bottom:16px}.productivity-header h2{font-size:32px;color:#fff;margin-bottom:12px}.productivity-header p{color:#94a3b8;font-size:16px;max-width:500px}.productivity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.productivity-card{background:#334155;border-radius:16px;overflow:hidden;transition:transform .3s}.productivity-card:hover{transform:translateY(-5px)}.productivity-card-image{height:auto;aspect-ratio:1200/628;overflow:hidden}.productivity-card-image img{width:100%;height:100%;object-fit:cover}.productivity-card-image.placeholder{background:linear-gradient(135deg,#21a4b1 0,#0f766e 100%);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);font-size:16px}.productivity-card-body{padding:24px}.productivity-card .card-tag{display:inline-block;background:#21a4b1;color:#fff;padding:4px 10px;border-radius:4px;font-size:16px;margin-bottom:12px}.productivity-card h3{color:#fff;font-size:20px;margin-bottom:8px}.productivity-card p{color:#94a3b8;font-size:16px}.stats-section{position:relative;background:#f5f5f5;padding:60px 0 40px;overflow:hidden}.stats-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(0,0,0,.03) 0,transparent 50%),radial-gradient(circle at 90% 80%,rgba(0,0,0,.03) 0,transparent 50%);pointer-events:none}.stats-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;pointer-events:none}.pattern-square{position:absolute;background:#e0e0e0;border-radius:16px}.pattern-square.sq1{width:60px;height:60px;top:10%;left:5%}.pattern-square.sq2{width:80px;height:80px;top:5%;left:25%}.pattern-square.sq3{width:50px;height:50px;top:15%;right:30%}.pattern-square.sq4{width:70px;height:70px;top:8%;right:10%}.pattern-square.sq5{width:55px;height:55px;bottom:30%;left:10%}.pattern-square.sq6{width:65px;height:65px;bottom:25%;right:20%}.pattern-square.sq7{width:45px;height:45px;top:50%;left:20%}.pattern-square.sq8{width:75px;height:75px;bottom:35%;left:30%}.stats-floating-photos{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-photo{position:absolute;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15);animation:float 6s ease-in-out infinite}.floating-photo img{width:100%;height:100%;object-fit:cover}.floating-photo.photo1{width:180px;height:180px;top:5%;left:5%;animation-delay:0s}.floating-photo.photo2{width:160px;height:160px;top:7%;right:6%;animation-delay:1s}.floating-photo.photo3{width:140px;height:140px;bottom:25%;right:12%;animation-delay:2s}.floating-photo.placeholder-photo{background:linear-gradient(135deg,#e0e0e0 0,#bdbdbd 100%);display:flex;align-items:center;justify-content:center;color:#9e9e9e;font-size:16px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.stats-content{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto}.stats-header{margin-bottom:30px}.stats-header h2{font-size:42px;font-weight:700;color:#1e293b;line-height:1.3;margin-bottom:20px}.stats-header p{color:#64748b;font-size:18px;line-height:1.7}.stats-header .topics-inline-container{margin:25px 0}.stats-header .topic-simple-item{background:rgba(33,164,177,.1);border:1px solid rgba(33,164,177,.3);color:#21a4b1}.stats-header .topic-simple-item:hover{background:rgba(33,164,177,.2)}.stats-header .topic-simple-icon svg{stroke:#21a4b1}.stats-cta{margin-bottom:20px}.stats-cta-button{display:inline-block;background:#21a4b1;color:#fff;padding:16px 36px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.15)}.stats-cta-button:hover{background:#1a8a95;transform:translateY(-2px);box-shadow:0 6px 16px rgba(33,164,177,.4)}.stats-grid{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}.stat-card{padding:20px 50px;text-align:center;border-right:1px solid #d1d5db}.stat-card:last-child{border-right:none}.stat-number{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:8px}.stat-label{font-size:16px;color:#64748b}@media (max-width:1024px){.floating-photo.photo1{width:140px;height:140px;left:2%}.floating-photo.photo2{width:120px;height:120px}.floating-photo.photo3{width:110px;height:110px}.stats-header h2{font-size:34px}.stat-card{padding:15px 30px}.stat-number{font-size:32px}}@media (max-width:768px){.stats-floating-photos{display:none}.stats-header h2{font-size:28px}.stats-header .topics-inline-container{gap:10px}.stats-header .topic-simple-item{padding:8px 14px;font-size:16px}.stats-header .topic-simple-icon{width:20px;height:20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.stat-card{border-right:none;border-bottom:1px solid #d1d5db;padding:20px 0}.stat-card:nth-child(odd){border-right:1px solid #d1d5db}.stat-card:nth-child(3),.stat-card:nth-child(4){border-bottom:none}.stat-card:last-child{border-bottom:none}}.about-section{position:relative;background:url('images/about-bg.webp') center center/cover no-repeat;min-height:400px;display:flex;align-items:flex-end;overflow:hidden}.about-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(33,164,177,.95);z-index:1}.about-section>.container{position:relative;z-index:2}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;width:100%;padding:60px 0 0 0}.about-left{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:350px}.about-raymond{position:relative;z-index:2}.about-raymond img{max-width:400px;height:auto;display:block}.floating-icons{display:none}.tool-icon{position:absolute;width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.15);font-size:24px;animation:float 3s ease-in-out infinite}.tool-icon img{width:28px;height:28px;object-fit:contain}.tool-icon.icon-1{top:15%;left:5%;animation-delay:0s}.tool-icon.icon-2{top:5%;left:30%;animation-delay:.5s}.tool-icon.icon-3{top:20%;right:25%;animation-delay:1s}.tool-icon.icon-4{bottom:30%;left:0;animation-delay:1.5s}.tool-icon.icon-5{bottom:20%;left:25%;animation-delay:2s}.tool-icon.icon-6{bottom:10%;right:30%;animation-delay:2.5s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-right{position:relative;color:#fff;padding-right:40px;padding-bottom:50px}.about-corner-image{position:absolute;top:-20px;right:0;width:100px;height:80px;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2)}.about-corner-image img{width:100%;height:100%;object-fit:cover}.about-title{margin-bottom:24px}.about-title img{max-height:60px;width:auto}.about-arrow{position:absolute;top:30px;left:-60px;width:40px;height:auto}.about-text p{font-size:18px;line-height:2;color:#fff;margin-bottom:0}.about-cta{margin-top:30px}.about-cta-button{display:inline-block;background:#fff;color:#21a4b1;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.about-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}@media (max-width:1024px){.about-content{grid-template-columns:1fr;text-align:center}.about-left{min-height:300px;order:2}.about-right{padding-right:0;padding-bottom:0;order:1}.about-arrow{display:none}.about-corner-image{position:relative;top:0;right:0;margin:0 auto 20px}}@media (max-width:640px){.about-section{min-height:auto}.about-left{min-height:auto;margin-top:20px}.about-raymond img{max-width:290px}.tool-icon{width:40px;height:40px;font-size:18px}.tool-icon img{width:22px;height:22px}.about-text p{font-size:16px}.about-cta-button{padding:12px 24px;font-size:16px;white-space:nowrap}}@media (max-width:480px){.about-cta-button{padding:10px 20px;font-size:16px}}.testimonials-section{position:relative;background:#f5f5f5;padding:80px 0;overflow:hidden}.testimonials-section>.container{position:relative;z-index:2}.testimonials-header{max-width:800px}.testimonials-badge{display:inline-block;color:#6b9b37;font-size:16px;font-weight:600;margin-bottom:12px}.testimonials-header h2{font-size:32px;color:#1e293b;margin-bottom:16px}.testimonials-header p{font-size:16px;color:#64748b;line-height:1.8}.testimonials-marquee{width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);padding:30px 0 50px 0}.testimonials-track{display:flex;gap:40px;animation:scrollTestimonials 120s linear infinite;width:max-content;padding:10px 0}.testimonials-marquee:hover .testimonials-track{animation-play-state:paused}@keyframes scrollTestimonials{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.testimonial-card{flex:0 0 350px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.1)}.testimonial-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.testimonial-name{font-size:16px;font-weight:600;color:#1e293b}.testimonial-stars{color:#f59e0b;font-size:16px;letter-spacing:2px}.testimonial-text{font-size:16px;line-height:1.7;color:#475569;margin-bottom:16px}.testimonial-course{display:inline-block;font-size:16px;color:#21a4b1;text-decoration:none;font-weight:500;transition:color .2s}.testimonial-course:hover{color:#0f766e;text-decoration:underline}.testimonial-course::before{content:'→ '}.testimonial-swoosh{position:absolute;width:150px;height:150px;border:4px solid #6b9b37;border-radius:50%;opacity:.3}.swoosh-1{top:20%;left:-50px;width:120px;height:200px;border-radius:100px;transform:rotate(-20deg)}.swoosh-2{bottom:30%;left:5%;width:80px;height:80px}.swoosh-3{top:10%;right:-30px;width:100px;height:160px;border-radius:80px;transform:rotate(15deg)}.swoosh-4{bottom:10%;right:10%;width:60px;height:60px}@media (max-width:640px){.testimonials-section{padding:60px 0}.testimonials-header h2{font-size:26px}.testimonials-marquee{overflow:hidden;position:relative;padding:0 40px}.testimonials-track{animation:none;display:flex;gap:0;width:max-content;padding:10px 0}.testimonial-card{flex:0 0 calc(100vw - 80px);max-width:320px;margin-right:32px}.testimonial-card:last-child{margin-right:0}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:2px solid #21a4b1;border-radius:50%;color:#21a4b1;font-size:20px;font-weight:700;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .2s ease}.slider-btn:hover{background:#21a4b1;color:#fff}.slider-btn:disabled{opacity:.3;cursor:not-allowed}.slider-prev{left:10px}.slider-next{right:10px}.slider-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;padding-bottom:10px}.slider-dot{width:10px;height:10px;border-radius:50%;background:#ddd;border:none;cursor:pointer;transition:all .2s ease}.slider-dot.active{background:#21a4b1;transform:scale(1.2)}.testimonial-swoosh.swoosh-1{display:none}}.notion-banner-section{position:relative;background:url('images/notion-banner-bg.webp') center center/cover no-repeat;background-color:#f5f5f5;padding:40px 0;text-align:center;overflow:hidden}.notion-banner-logo{margin-bottom:16px}.notion-banner-logo img{width:60px;height:auto}.notion-banner-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:24px}.notion-banner-tags{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px;max-width:600px;margin-left:auto;margin-right:auto}.notion-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#21a4b1;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.08)}.notion-tag svg{width:16px;height:16px}.notion-banner-subtitle{font-size:18px;color:#fff;margin-bottom:40px}.notion-banner-courses{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:40px;flex-wrap:wrap;padding:20px 0}.notion-banner-course{display:block;width:320px;height:auto;aspect-ratio:1200/628;border-radius:16px;overflow:hidden;transition:transform .4s;background:#fff}.notion-banner-course:first-child{transform:rotate(-5deg)}.notion-banner-course:nth-child(2){transform:rotate(2deg) translateY(-10px)}.notion-banner-course:nth-child(3){transform:rotate(-3deg)}.notion-banner-course:hover{transform:rotate(0) translateY(-15px) scale(1.02);z-index:10}.notion-banner-course img{width:100%;height:auto;display:block}@media (max-width:1024px){.notion-banner-courses{gap:30px}.notion-banner-course{width:280px}}@media (max-width:768px){.notion-banner-title{font-size:28px}.notion-banner-course{width:260px;transform:rotate(0)!important}.notion-banner-course:nth-child(2){transform:translateY(0)!important}.notion-banner-tags{gap:10px}.notion-tag{padding:6px 12px;font-size:16px}}.notion-banner-courses{display:flex;justify-content:center;gap:24px;margin-top:40px;flex-wrap:wrap}.notion-banner-course-card{display:block;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease;width:280px}.notion-banner-course-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.notion-course-image{position:relative;width:100%;aspect-ratio:1200/628;overflow:hidden}.notion-course-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:20px;font-size:16px;font-weight:600;z-index:2}.notion-course-badge.beginner{background:rgba(34,197,94,.9);color:#fff}.notion-course-badge.advanced{background:rgba(139,92,246,.9);color:#fff}.notion-course-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.notion-banner-course-card:hover .notion-course-image img{transform:scale(1.05)}.notion-course-body{padding:16px 20px}.notion-course-body h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:6px}.notion-course-body p{font-size:16px;color:#64748b}@media (max-width:900px){.notion-banner-course-card{width:240px}}@media (max-width:768px){.notion-banner-courses{gap:16px}.notion-banner-course-card{width:calc(50% - 8px)}}@media (max-width:480px){.notion-banner-course-card{width:100%}}.life-control-section{position:relative;background:linear-gradient(180deg,#fff 20%,rgba(33,164,177,.9) 80%),url('images/home-bg.webp');background-size:cover;background-position:80% 20%;background-repeat:no-repeat;padding:40px 0;overflow:hidden}.life-control-deco{position:absolute;width:80px;height:80px;border:4px solid #21a4b1;opacity:.3}.life-control-deco.top-left{top:40px;left:5%;border-right:none;border-bottom:none}.life-control-deco.top-right{top:40px;right:5%;border-left:none;border-bottom:none}.life-control-deco.bottom-right{bottom:40px;right:8%;border-left:none;border-top:none;transform:rotate(15deg)}.life-control-header{text-align:center;margin-bottom:50px}.life-control-header h2{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:20px}.life-control-header p{font-size:18px;color:#64748b;line-height:1.8;max-width:600px;margin:0 auto}.life-bento-grid{display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:auto auto;gap:24px;max-width:600px;margin:0 auto}.life-bento-card{border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:#333;min-height:200px}.life-bento-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.1)}.card-smart-home{background-color:#fff;border:1px solid #e2e8f0}.card-group-buy{background-color:#dbeafe;background:linear-gradient(135deg,#ccfbf1 0,#a5f3fc 100%);color:#0f4c5c}.card-unboxing{grid-column:span 2;background-color:#fff7ed;background:linear-gradient(135deg,#fff7ed 0,#ffedd5 100%);color:#7c2d12;flex-direction:row;align-items:center}.life-bento-card h3{font-size:24px;font-weight:700;margin-bottom:8px}.life-bento-card p{font-size:16px;opacity:.8;margin-bottom:20px}.bento-icon-wrapper{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;align-self:flex-start}.bento-icon-wrapper svg{width:24px;height:24px;fill:currentColor}.bento-bg-illustration{position:absolute;right:-30px;bottom:-30px;width:180px;height:180px;color:rgba(33,164,177,.1);transform:rotate(-15deg);z-index:0;pointer-events:none}.bento-bg-illustration svg{width:100%;height:100%}.life-bento-card .bento-content,.life-bento-card .bento-tags{position:relative;z-index:1}.card-unboxing .bento-content{flex:1}.card-unboxing .bento-illustration{width:150px;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px}.bento-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.bento-tag{background:rgba(255,255,255,.6);padding:4px 12px;border-radius:20px;font-size:16px;font-weight:600}@media (max-width:768px){.life-bento-grid{grid-template-columns:1fr}.card-unboxing{grid-column:span 1;flex-direction:column;align-items:flex-start}.card-unboxing .bento-illustration{display:none}}.life-promo{text-align:center;margin-top:50px;padding:30px 20px;background:rgba(255,255,255,.8);border-radius:20px;backdrop-filter:blur(10px)}.life-promo-text{font-size:16px;color:#1e293b;line-height:1.8;margin-bottom:20px}.life-promo-btn{display:inline-block;padding:14px 32px;background:#21a4b1;color:#fff;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(33,164,177,.3)}.life-promo-btn:hover{background:#1a8a95;transform:translateY(-3px);box-shadow:0 8px 25px rgba(33,164,177,.4)}.life-video-showcase{position:relative;max-width:600px;margin:0 auto 50px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2);aspect-ratio:16/9}.life-video-showcase iframe{width:100%;height:100%;border:none}.life-categories{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.life-category-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;border:2px solid #21a4b1;color:#21a4b1;padding:14px 28px;border-radius:12px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px rgba(33,164,177,.1)}.life-category-btn:hover{background:#21a4b1;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px rgba(33,164,177,.3)}.life-category-btn svg{width:24px;height:24px;fill:currentColor}@media (max-width:900px){.life-scene{width:220px;height:160px}}@media (max-width:768px){.life-video-frame{flex-direction:column}.life-scene{width:100%;height:150px}.life-category-btn{padding:12px 20px;font-size:16px}.life-control-header h2{font-size:32px}}.courses-section{padding:60px 0 80px;background:linear-gradient(180deg,#f8fafc 0,#fff 100%)}.courses-header{text-align:center;margin-bottom:40px}.courses-header h2{font-size:36px;font-weight:700;color:#1e293b;margin-bottom:12px}.courses-header p{font-size:18px;color:#64748b;line-height:1.8}.courses-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.course-tab{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#fff;border:2px solid #e2e8f0;border-radius:50px;font-size:16px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.course-tab svg{flex-shrink:0}.course-tab:hover{border-color:#21a4b1;color:#21a4b1}.course-tab.active{background:#21a4b1;border-color:#21a4b1;color:#fff;box-shadow:0 4px 15px rgba(33,164,177,.3)}.course-tab.active svg{stroke:#fff;fill:#fff}.courses-content{position:relative}.course-panel{display:none;animation:fadeIn .4s ease}.course-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.course-card{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #e2e8f0}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12);border-color:#21a4b1}.course-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.course-card:hover .course-image img{transform:scale(1.05)}.course-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:16px;font-weight:600;backdrop-filter:blur(8px)}.course-badge.hot{background:rgba(239,68,68,.9);color:#fff}.course-badge.new{background:rgba(34,197,94,.9);color:#fff}.course-body{display:flex;flex-direction:column;flex:1;padding:24px}.course-tags{display:flex;gap:8px;margin-bottom:12px}.course-level{display:inline-block;padding:4px 12px;border-radius:6px;font-size:16px;font-weight:600}.course-level.beginner{background:#e0f2fe;color:#0284c7}.course-level.intermediate{background:#fef3c7;color:#d97706}.course-level.advanced{background:#fee2e2;color:#dc2626}.course-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.4}.course-summary{font-size:16px;color:#64748b;line-height:1.6;flex:1;margin-bottom:20px}.course-footer{display:flex;justify-content:flex-end;align-items:center}.course-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#21a4b1;color:#fff;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease}.course-card:hover .course-btn{background:#1a8a95}.courses-more{text-align:center;margin-top:50px}.courses-more-btn{display:inline-block;padding:16px 40px;background:#21a4b1;color:#fff;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(30,41,59,.2)}.courses-more-btn:hover{background:#1a8a95;transform:translateY(-2px);box-shadow:0 6px 16px rgba(33,164,177,.4)}@media (max-width:1024px){.course-grid{grid-template-columns:repeat(2,1fr);gap:24px}.courses-header h2{font-size:30px}}@media (max-width:768px){.courses-section{padding:40px 0 60px}.courses-tabs{gap:8px;padding:0 10px}.course-tab{padding:10px 16px;font-size:16px}.course-tab svg{width:16px;height:16px}.course-grid{grid-template-columns:1fr;gap:20px;width:85%;margin:0 auto}.course-body{padding:20px}.course-title{font-size:18px}.courses-header h2{font-size:26px}.courses-header p{font-size:16px}}@media (max-width:480px){.courses-tabs{flex-direction:column;align-items:stretch}.course-tab{justify-content:center;width:100%}}.solo-section{position:relative;background:url('images/solo-bg.webp') right center/cover no-repeat;background-color:#1a1a1a;min-height:600px;padding:40px 0;overflow:hidden}.solo-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 20%,rgba(0,0,0,.3) 100%);z-index:1}.solo-section>.container{position:relative;z-index:2}.solo-content{max-width:800px}.solo-badge{display:block;color:#f59e0b;font-size:28px;font-weight:600;margin-bottom:24px;line-height:1.5;white-space:nowrap}.solo-badge span{font-size:40px;font-weight:700;vertical-align:baseline;padding:0 6px}.typewriter-wrapper{display:inline}.typewriter-text{display:inline;border-right:3px solid #f59e0b;animation:blink-caret .75s step-end infinite;white-space:nowrap;overflow:hidden}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#f59e0b}}.solo-headline{font-size:16px;color:rgba(255,255,255,.8);line-height:1.8;margin-bottom:32px}.solo-subtext{font-size:16px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:32px}.solo-instructor{margin-bottom:32px}.solo-instructor-name{font-size:32px;font-weight:700;color:#fff;margin-bottom:4px}.solo-instructor-title{font-size:16px;color:#f59e0b}.solo-preview-wrapper{position:relative;margin:32px 0}.solo-preview-image img{max-width:80%;height:auto;border-radius:12px}.solo-label{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff;padding:8px 20px;border-radius:24px;font-size:16px;font-weight:600;box-shadow:0 4px 15px rgba(249,115,22,.4)}.solo-label svg{width:16px;height:16px;fill:#fff}.solo-label-top{position:absolute;top:12px;right:153px;z-index:10}.solo-video-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.solo-video-section{margin-top:40px}.solo-cta{display:inline-block;background:#fff;color:#1a1a1a;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.solo-cta:hover{background:#f97315;color:#fff;transform:translateY(-2px)}.solo-videos{display:flex;gap:20px}.solo-video-card{flex:1;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s;cursor:pointer}.solo-video-card:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);transform:translateY(-4px)}.solo-video-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.solo-video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.solo-video-card:hover .solo-video-thumbnail img{transform:scale(1.05)}.solo-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.solo-video-card:hover .solo-video-play{background:rgba(0,0,0,.8);transform:translate(-50%,-50%) scale(1.1)}.solo-video-play svg{width:20px;height:20px;fill:#fff;margin-left:3px}.solo-video-title{color:rgba(255,255,255,.9);font-size:16px;line-height:1.5;padding:16px;text-align:center}@media (max-width:768px){.solo-section{background-position:center center}.solo-section::before{background:rgba(0,0,0,.85)}.solo-badge{font-size:20px;white-space:normal;word-wrap:break-word}.solo-badge span{font-size:28px}.typewriter-text{white-space:normal;word-wrap:break-word}.solo-headline{font-size:18px}.solo-videos{flex-direction:column}.solo-label-top{display:none}.solo-preview-image img{max-width:100%}}.notion-section{padding:40px 0;background:linear-gradient(180deg,#f8fafc 0,#fff 100%)}.notion-header{text-align:center;margin-bottom:50px}.notion-header .icon{width:60px;height:60px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}.notion-header h2{font-size:28px;color:#1e293b;margin-bottom:12px}.notion-header p{color:#64748b}.notion-showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.notion-preview{position:relative}.notion-preview-link{display:block;text-decoration:none;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.notion-preview-link:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(0,0,0,.15)}.notion-preview-image{width:100%;height:350px;object-fit:cover;display:block;transition:opacity .3s ease}.notion-preview-image.placeholder{background:linear-gradient(135deg,#e0f2f1 0,#b2dfdb 100%);display:flex;align-items:center;justify-content:center;color:#21a4b1;font-size:16px}.notion-features{display:flex;flex-direction:column;gap:16px}.notion-feature{display:flex;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);cursor:pointer;transition:all .3s;border:2px solid transparent}.notion-feature.active,.notion-feature:hover{border-color:#21a4b1;box-shadow:0 8px 30px rgba(13,148,136,.15)}.notion-feature .icon{width:48px;height:48px;background:#e0f2f1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#21a4b1;font-size:20px;flex-shrink:0}.notion-feature h4{font-size:16px;color:#1e293b;margin-bottom:4px}.notion-feature p{font-size:16px;color:#64748b}.notion-cta{text-align:center;margin-top:40px}.notion-cta-btn{display:inline-block;padding:16px 40px;background:#21a4b1;color:#fff;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(33,164,177,.3)}.notion-cta-btn:hover{background:#1a8a95;transform:translateY(-3px);box-shadow:0 8px 25px rgba(33,164,177,.4)}.products-section{padding:80px 0;background:#fff}.products-header{text-align:center;margin-bottom:50px}.products-header h2{font-size:28px;color:#1e293b;margin-bottom:12px}.products-header p{color:#64748b}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.product-card{background:#fff;border-radius:16px;overflow:hidden;transition:transform .3s}.product-card:hover{transform:translateY(-5px)}.product-card img{width:100%;height:auto;aspect-ratio:1200/628;object-fit:cover}.product-card .card-body{padding:24px}.product-card .card-tag{display:inline-block;background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:4px;font-size:16px;margin-bottom:12px}.product-card h3{font-size:18px;color:#1e293b;margin-bottom:8px}.product-card p{font-size:16px;color:#64748b;margin-bottom:16px}.product-card .price{font-size:20px;font-weight:700;color:#21a4b1}.cta-section{background:linear-gradient(135deg,#21a4b1 0,#14b8a6 100%);padding:80px 0;text-align:center}.cta-content{max-width:600px;margin:0 auto;color:#fff}.cta-content h2{font-size:32px;margin-bottom:16px}.cta-content p{font-size:16px;opacity:.9;margin-bottom:30px}.cta-button{display:inline-block;background:#fff;color:#21a4b1;padding:16px 40px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.footer{background:#1e293b;color:#94a3b8;padding:40px 0;text-align:center}.footer p{font-size:16px}@media (max-width:1024px){.hero-content{padding:40px}.header-nav{display:none}.hamburger-btn{display:block}.topics-inline-container{gap:15px}.topic-simple-item{font-size:16px;padding:10px 16px}.btn-start-learning{display:none}@media (min-width:641px){.btn-start-learning{display:block}}.hero-title{font-size:32px}.logos-track{gap:40px}.core-topics-grid{grid-template-columns:repeat(2,1fr)}.mini-course-content{grid-template-columns:1fr}.mini-course-right{order:-1}.productivity-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.founder-content{grid-template-columns:1fr;text-align:center}.founder-image{max-width:400px;margin:0 auto}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.notion-showcase{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hero{min-height:auto;padding-bottom:20px;background-image:url('images/raymond-hero-m.webp');background-position:center top}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 70%,rgba(0,0,0,.7) 100%);z-index:0}.hero-content{position:relative;z-index:1;padding:260px 20px 20px;text-align:center}.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.hero-logos{position:relative;bottom:auto;left:auto;transform:none;padding:20px 0;margin-top:20px}.hero-logos-title{font-size:16px}.partners-section .logos-marquee{mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.partners-section .logos-track{gap:32px;animation:scrollLogos 35s linear infinite}.hero-logo{width:100%;max-width:160px;height:auto}.logo-placeholder{width:100px}.notion-banner-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:100%;padding:0 20px}.notion-tag{justify-content:center;padding:8px 12px;font-size:14px}.notion-banner-courses{flex-direction:column;gap:16px;padding:0 20px;align-items:center}.notion-banner-course-card{width:100%;max-width:320px}.notion-preview{display:none}.core-topics-grid{grid-template-columns:1fr}.topic-card{padding:24px 20px}.mini-course-left h2{font-size:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.knowledge-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:1fr}.stats-header .topics-inline-container{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:320px;margin:20px auto}.stats-header .topic-simple-item{justify-content:center;padding:10px 12px;font-size:16px;gap:6px}.stats-header .topic-simple-icon{width:18px;height:18px}.stats-header .topic-simple-text{font-size:16px}}.placeholder{background:linear-gradient(135deg,#e2e8f0 0,#cbd5e1 100%);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:16px}.book-featured .book-container{width:220px;height:330px}.book-featured .book{width:220px;height:280px}.book-featured .book>div{width:220px;height:280px}@media (min-width:769px){.mini-course-grid{align-items:flex-end}}@media (max-width:768px){.book-featured .book-container{width:180px;height:270px}.book-featured .book{width:180px;height:270px}.book-featured .book>div{width:180px;height:270px}}.notion-banner-section .notion-banner-courses{margin-bottom:0;padding-bottom:0}.notion-camp-banner{display:block;width:100%;max-width:888px;margin:24px auto;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease}.notion-camp-banner:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.notion-camp-banner img{display:block;width:100%;max-width:100%;height:auto}@media(max-width:900px){.notion-camp-banner{max-width:768px}}@media(max-width:768px){.notion-camp-banner{max-width:100%;margin:16px auto 20px;border-radius:12px}}@media(max-width:640px){.notion-camp-banner{max-width:320px;margin:16px auto 20px;border-radius:12px}}