:root{--navy: #2D3561;--navy-dark: #1E2545;--coral: #E8451E;--coral-hover: #D13A15;--warm: #F26B3A;--cream: #FAFAFA;--light: #F0F1F5;--muted: #8B8FA3;--text: #3A3E52}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--cream);color:var(--text);overflow-x:hidden}.navbar-custom{background:var(--navy-dark);padding:1rem 0}.navbar-custom .navbar-brand{font-weight:700;font-size:1.3rem;color:#fff;letter-spacing:.05em;text-decoration:none}.navbar-custom .navbar-brand span{color:var(--coral)}.navbar-custom .nav-link{color:#fff9;font-size:.85rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;transition:color .2s;text-decoration:none}.navbar-custom .nav-link:hover,.navbar-custom .nav-link.active{color:#fff}.hero{background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 50%,#3D4A7A 100%);padding:5rem 0 4rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 20%,rgba(232,69,30,.08) 0%,transparent 60%);pointer-events:none}.hero-label{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);border-bottom:2px solid var(--coral);padding-bottom:4px;margin-bottom:1.2rem}.hero h1{font-size:3rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:1rem}.hero h1 span{color:var(--coral)}.hero p{font-size:1rem;font-weight:300;color:#fff9;max-width:480px;line-height:1.7}.hero-stats{margin-top:2.5rem;display:flex;gap:3rem}.hero-stat-num{font-size:2rem;font-weight:700;color:#fff}.hero-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.hero-about{background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 50%,#3D4A7A 100%);padding:4rem 0 3rem}.hero-about h1{font-size:2.6rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:1rem}.hero-about h1 em{color:var(--coral);font-style:normal}.hero-about p{font-size:1rem;font-weight:300;color:#ffffff8c;max-width:540px;line-height:1.7}.section-label{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--coral);border-bottom:2px solid var(--coral);padding-bottom:4px;margin-bottom:1rem}.section-title{font-size:2.2rem;font-weight:700;color:var(--navy);margin-bottom:.5rem}.section-subtitle{font-size:.95rem;color:var(--muted);font-weight:300}.gallery-section{padding:4rem 0}.gallery-card{background:#fff;border:1px solid #E8E9EF;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}.gallery-card:hover{border-color:var(--coral);box-shadow:0 8px 30px #2d35611a;transform:translateY(-4px)}.gallery-card:hover .card-overlay{opacity:1}.gallery-card .card-thumb{width:100%;aspect-ratio:1;object-fit:cover;background:var(--light);display:block}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#2d356180;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;border-radius:12px}.card-overlay .btn-view{background:var(--coral);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-family:Poppins,sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.05em;display:flex;align-items:center;gap:8px;transition:background .2s}.card-overlay .btn-view:hover{background:var(--coral-hover)}.card-info{padding:1.2rem 1.4rem}.card-info h5{font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:4px}.card-info p{font-size:.8rem;color:var(--muted);margin:0}.card-tags{padding:0 1.4rem 1.2rem;display:flex;gap:6px;flex-wrap:wrap}.card-tag{font-size:.65rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:3px 10px;border-radius:4px;background:var(--light);color:var(--muted)}.modal-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1050;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-viewer-dialog{width:100%;max-width:1140px}.modal-viewer-content{background:var(--navy-dark);border:none;border-radius:16px;overflow:hidden}.modal-viewer-content .modal-header{border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.modal-viewer-content .modal-title{font-weight:600;font-size:1rem;color:#fff}.modal-viewer-content .btn-close{filter:invert(1);opacity:.5;background:transparent;border:none;font-size:1rem;cursor:pointer;padding:.5rem}.modal-viewer-content .btn-close:before{content:"×";color:#fff;font-size:1.5rem;line-height:1}.modal-viewer-content .btn-close:hover{opacity:1}#viewerCanvas{width:100%;height:65vh;display:block;outline:none;touch-action:none}.viewer-toolbar{padding:.8rem 1.5rem;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.viewer-toolbar .btn-tool{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:6px 16px;border-radius:6px;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.03em;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.viewer-toolbar .btn-tool:hover{background:#ffffff26;color:#fff}.viewer-toolbar .btn-tool.active{background:var(--coral);border-color:var(--coral);color:#fff}.viewer-toolbar .anim-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;max-width:200px;font-size:.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:6px 28px 6px 12px;border-radius:6px;font-family:Poppins,sans-serif;font-weight:500;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.5)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.viewer-toolbar .anim-select:hover{background-color:#ffffff26;color:#fff}.viewer-toolbar .anim-select option{background:#1e2545;color:#ddd;padding:6px 10px}.viewer-info{padding:.6rem 1.5rem;display:flex;justify-content:center;gap:2rem;font-size:.7rem;color:#fff6}.viewer-info span{color:var(--coral)}.content-section{padding:3.5rem 0}.content-section+.content-section{border-top:1px solid #E8E9EF}.section-subtitle{margin-bottom:2rem}.lead-text{font-size:1.05rem;line-height:1.8;color:var(--text);font-weight:300}.lead-text strong{font-weight:600;color:var(--navy)}.stack-card{background:#fff;border:1px solid #E8E9EF;border-radius:12px;padding:2rem;height:100%;transition:all .3s}.stack-card:hover{border-color:var(--coral);box-shadow:0 6px 24px #2d356114;transform:translateY(-2px)}.stack-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;margin-bottom:1.2rem}.stack-icon.blender{background:linear-gradient(135deg,#e87d0d,#ea7600)}.stack-icon.python{background:linear-gradient(135deg,#3776ab,#ffd43b)}.stack-icon.babylon{background:linear-gradient(135deg,#bb464b,#e0684b)}.stack-card h4{font-size:1.1rem;font-weight:600;color:var(--navy);margin-bottom:.5rem}.stack-card p{font-size:.88rem;color:var(--muted);line-height:1.6;margin:0}.code-block{background:var(--navy-dark);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.code-header{background:#ffffff0d;padding:.6rem 1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.code-header span{font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.code-dots{display:flex;gap:6px}.code-dots i{width:10px;height:10px;border-radius:50%;display:block}.code-dots i:nth-child(1){background:#ff5f57}.code-dots i:nth-child(2){background:#febc2e}.code-dots i:nth-child(3){background:#28c840}.code-body{padding:1.2rem 1.4rem;overflow-x:auto}.code-body pre{margin:0;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.7;color:#c8ccd8}.code-body .cm{color:#6b7394}.code-body .kw{color:#c792ea}.code-body .fn{color:#82aaff}.code-body .st{color:#c3e88d}.code-body .nu{color:#f78c6c}.code-body .co{color:var(--coral)}.step{display:flex;gap:1.2rem;margin-bottom:2rem}.step-num{width:36px;height:36px;min-width:36px;border-radius:8px;background:var(--coral);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.step h5{font-size:1rem;font-weight:600;color:var(--navy);margin-bottom:4px}.step p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.6}.footer{background:var(--navy-dark);padding:2rem 0;text-align:center}.footer p{color:#ffffff4d;font-size:.8rem;margin:0}.footer a{color:var(--coral);text-decoration:none}@media(max-width:768px){.hero h1{font-size:2rem}.hero-stats{gap:1.5rem}.hero-stat-num{font-size:1.5rem}.hero-about h1{font-size:1.8rem}.section-title{font-size:1.6rem}#viewerCanvas{height:50vh}}