body{background:radial-gradient(ellipse at 60% 0%,#172766 0%,transparent 34%),linear-gradient(180deg,#050d1c,#091226 75%,#070c19);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{transition:color .2s,transform .2s}a:hover{color:#a5b4fc}.brand-gradient{background:linear-gradient(95deg,#15b9ff,#7461ff 50%,#a12ff7);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-icon{color:#16b6ff;font-size:24px;margin-right:6px}.brand-icon .fa-cloud-code{display:none}.panel{background:linear-gradient(140deg,#111e36,#0b1529);border:1px solid #253855;border-radius:17px;padding:26px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#4b46f4,#8031ed);padding:12px 22px;border-radius:9px;font-weight:600;color:white;box-shadow:0 9px 30px #4634eb35}.btn-primary:hover{color:white;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#101b32;border:1px solid #64739d;padding:11px 21px;border-radius:9px;color:white}.btn-secondary:hover{color:white;background:#192744}.field{display:block;width:100%;background:#0b1428;border:1px solid #36415d;border-radius:9px;padding:12px 14px;color:white}.field:focus{outline:2px solid #6366f1}.muted{color:#94a3b8}.hero-layout{display:grid;grid-template-columns:43% 57%;align-items:center;gap:12px;min-height:510px}.eyebrow{display:inline-block;color:#b7c8ff;border:1px solid #253f6b;background:#112447;border-radius:999px;padding:7px 13px;font-size:12px}.hero-heading{font-size:clamp(45px,5.2vw,76px);line-height:1.06;letter-spacing:-.055em;font-weight:850;margin-top:24px}.hero-description{font-size:17px;line-height:1.75;color:#cbd5e1;margin-top:25px;max-width:470px}.hero-editor-wrap{position:relative;min-width:0}.editor-glow{position:absolute;inset:0;background:radial-gradient(circle,#5138ec66,transparent 70%);filter:blur(50px)}.editor-window{position:relative;background:#080f20;border:1px solid #5164c5;box-shadow:0 30px 80px #0009,0 0 35px #4d36d844;border-radius:16px;overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.editor-top{background:#111b31;border-bottom:1px solid #293854;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a7b9d9}.window-dots{display:flex;gap:5px}.window-dots b{width:7px;height:7px;background:#ef5664;border-radius:50%}.window-dots b:nth-child(2){background:#f6c553}.window-dots b:nth-child(3){background:#4fce9b}.editor-main{display:grid;grid-template-columns:25% 48% 27%;min-height:245px}.editor-files{background:#0b1427;border-right:1px solid #27344e;padding:14px 8px;font-size:11px;line-height:2.4;color:#b9c9df}.editor-files>span,.editor-preview>span{font-size:9px;color:#7285a7;letter-spacing:.12em}.editor-code{min-width:0}.code-tabs{padding:10px;background:#18233a;font-size:11px;border-bottom:1px solid #293854;color:#b7bcff}.code-tabs span{margin-left:15px;color:#7688a5}.editor-code pre{padding:16px 10px;font-size:11px;line-height:1.9;overflow:hidden;color:#d3dff6}.syntax-purple{color:#c77dff}.syntax-blue{color:#7dd3fc}.syntax-green{color:#a6e3a1}.syntax-muted{color:#6d819e}.editor-preview{border-left:1px solid #27344e;padding:12px;background:#111c33}.preview-sky{height:120px;margin:10px 0;background:linear-gradient(#bbb8fa,#b5d9fa 55%,#4e63bd);position:relative;overflow:hidden;border-radius:6px}.preview-mountains{position:absolute;bottom:-3px;width:100%;height:75%;background:linear-gradient(140deg,#6a61bc,#1e396c);clip-path:polygon(0 95%,18% 48%,33% 72%,53% 15%,76% 68%,90% 40%,100% 80%,100% 100%,0 100%)}.editor-preview strong{display:block;font-size:13px}.editor-preview small{font-size:10px;color:#b5c4d9}.editor-terminal{background:#070f20;border-top:1px solid #293854;padding:10px 16px;font-size:10px;color:#9db1cb}.editor-terminal>div{border-bottom:1px solid #25314a;padding-bottom:7px;margin-bottom:9px}.editor-terminal code{font-family:monospace;line-height:1.8}.editor-terminal code span{color:#30e4d2}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:5px}.feature-strip>div{display:flex;align-items:center;gap:12px;padding:16px 12px;border:1px solid #243858;border-radius:13px;background:#0c192e;font-size:12px;font-weight:600}.feature-strip i,.info-card i{font-size:23px;padding:13px;border-radius:11px;background:#172547}.feature-purple{color:#aa73ff}.feature-green{color:#5ee0aa}.feature-blue{color:#49c4ff}.feature-orange{color:#ffab55}.feature-pink{color:#f66cce}.section-title{font-size:clamp(26px,3vw,34px);font-weight:750;letter-spacing:-.03em}.project-card{background:#101c32;border:1px solid #263858;border-radius:13px;padding:12px 12px 18px}.project-card h3{font-weight:700;font-size:17px;margin:13px 2px 4px}.project-card p{font-size:12px;color:#9caec9;margin:0 2px 12px;min-height:35px}.project-card span{display:inline-block;font-size:11px;padding:5px 9px;background:#233454;border-radius:5px;margin:2px}.project-art{height:125px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:50px}.art-purple{background:radial-gradient(circle,#5937a8,#151c46)}.art-blue{background:radial-gradient(circle,#1662a5,#121d3c)}.art-pink{background:radial-gradient(circle,#933e93,#211536)}.art-green{background:radial-gradient(circle,#126e73,#102a3b)}.promo-card{min-height:240px;background:radial-gradient(circle at 100% 0%,#332480,#0e1b32 55%)}.info-card h3{font-weight:700;font-size:18px;margin-top:12px}.info-card p{font-size:13px;color:#a6b5cf;margin-top:6px;line-height:1.7}@media(max-width:950px){.hero-layout{grid-template-columns:1fr;gap:40px}.hero-editor-wrap{max-width:730px}.feature-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.hero-heading{font-size:49px}.hero-layout{padding-top:45px;padding-bottom:30px}.editor-window{transform:none}.editor-files{display:none}.editor-main{grid-template-columns:65% 35%}.editor-code pre{font-size:9px}.editor-preview{padding:8px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip>div{font-size:11px;flex-direction:column;align-items:flex-start}.feature-strip>div:last-child{grid-column:1/-1}.preview-sky{height:90px}}
/* v0.3 cinematic design layer — additive to v0.2 components */
:root{color-scheme:dark}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 60% 25% at 73% 4%,rgba(54,43,164,.28),transparent),radial-gradient(ellipse 65% 40% at 50% 38%,rgba(14,50,109,.13),transparent),#050c1b;overflow-x:hidden}.site-shell{max-width:1560px;width:100%}.site-shell>nav{position:relative;z-index:20;min-height:88px;gap:24px}.site-shell>nav>a{font-size:clamp(20px,1.6vw,27px);display:flex;align-items:center;gap:8px}.site-shell>nav .brand-icon{color:#25b9ff;font-size:27px}.nav-links{gap:clamp(12px,1.7vw,28px)!important}.nav-links>a:not(.btn-primary){color:#d7e4fa;transition:color .2s}.nav-links>a:not(.btn-primary):hover{color:#67d7ff}.btn-primary,.btn-secondary{transition:transform .2s,box-shadow .2s}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-primary{box-shadow:0 10px 30px rgba(105,50,255,.22)}.hero-layout{min-height:640px;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(20px,4vw,80px);position:relative;padding-top:80px;padding-bottom:74px}.hero-layout:before{content:'';position:absolute;inset:0 -4%;pointer-events:none;background:radial-gradient(ellipse 42% 45% at 74% 35%,rgba(90,45,211,.20),transparent);z-index:-1}.hero-copy{position:relative;z-index:3}.hero-heading{font-size:clamp(57px,5.6vw,92px);line-height:1.02;letter-spacing:-.065em;margin-top:26px}.hero-description{font-size:clamp(16px,1.32vw,21px);line-height:1.65;max-width:620px;color:#c1d1e9}.eyebrow{border:1px solid #2c4372;background:rgba(22,39,77,.65);color:#c8d9fa;border-radius:999px;padding:9px 16px;display:inline-flex;gap:7px;align-items:center;font-size:12px}.hero-editor-wrap{position:relative;isolation:isolate;padding:50px 0 20px}.scenic-backdrop{position:absolute;z-index:-2;inset:-95px -100px -45px -80px;background:url('mountain-scene.svg') center/cover no-repeat;opacity:.92;mask-image:linear-gradient(to right,transparent,black 17%,black 85%,transparent);border-radius:20px}.editor-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse,#6729c4 0%,rgba(45,34,158,.3) 40%,transparent 70%);filter:blur(40px)}.editor-window{border:1px solid #5e60dd;box-shadow:0 32px 95px #000b,0 0 42px #6835d250;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);background:#091224;border-radius:17px;overflow:hidden}.editor-top{background:#0b1429}.editor-main{min-height:280px}.editor-code pre{font-size:clamp(10px,.85vw,13px);line-height:1.9}.editor-terminal{padding:15px 18px}.feature-strip{gap:14px;margin-top:10px}.feature-strip>div{min-height:98px;background:linear-gradient(145deg,#111d36,#0a1529);border-color:#2c3d65;padding:19px;box-shadow:0 15px 30px #0002}.feature-strip i{font-size:26px;padding:16px}.feature-strip span{font-size:13px;line-height:1.4}.featured-section{position:relative}.section-title{font-size:clamp(29px,3vw,42px)}.project-card{padding:12px 12px 20px;border-color:#304268;box-shadow:0 15px 40px #0004;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-5px);border-color:#7456db}.project-art{position:relative;overflow:hidden;height:190px;display:block;background:linear-gradient(130deg,#121f43,#0a1429);border:1px solid #2a3d64}.project-art:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 65% 5%,#6552b477,transparent 60%)}.mini-top{position:absolute;left:12px;top:10px;color:#bed5ff;font:700 10px ui-monospace,monospace;letter-spacing:.06em}.mini-sidebar{position:absolute;left:12px;top:34px;bottom:12px;width:20%;border-radius:5px;background:repeating-linear-gradient(to bottom,#293e68 0 5px,transparent 5px 18px)}.mini-widgets{position:absolute;left:37%;right:12px;top:34px;bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-widgets b{border-radius:5px;background:linear-gradient(140deg,#3c50a0,#1a2953);border:1px solid #5e6bc055}.mini-widgets b:nth-child(2){background:linear-gradient(140deg,#244b8b,#1a2446)}.mini-albums{position:absolute;inset:44px 12px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-albums b{border-radius:8px;display:grid;place-items:center;font-size:30px;background:linear-gradient(145deg,#8643b4,#242a67)}.mini-albums b:nth-child(2){background:linear-gradient(145deg,#ea5790,#4b226a)}.mini-albums b:nth-child(3){background:linear-gradient(145deg,#247cb8,#1c3c6a)}.mini-social{position:absolute;inset:44px 14px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-social b{border-radius:9px;background:linear-gradient(160deg,#bf4dba,#322568);position:relative}.mini-social b:before{content:'';position:absolute;left:25%;right:25%;top:17%;height:40%;border-radius:50%;background:#b1a6ec}.mini-social b:nth-child(2){background:linear-gradient(160deg,#4c81ce,#2b246f)}.mini-social b:nth-child(3){background:linear-gradient(160deg,#5a46c6,#252564)}.mini-graph{position:absolute;inset:50px 18px 18px;display:flex;align-items:end;justify-content:space-between;gap:8px;border-bottom:2px solid #315877}.mini-graph b{width:17%;height:38%;background:linear-gradient(#1dd5c3,#166b8f);border-radius:4px 4px 0 0;box-shadow:0 0 12px #12bfb633}.mini-graph b:nth-child(2){height:66%}.mini-graph b:nth-child(3){height:48%}.mini-graph b:nth-child(4){height:85%}.mini-graph b:nth-child(5){height:70%}.promo-card{min-height:270px;background:radial-gradient(circle at 100% 10%,#40238c,#101b36 60%);border-color:#374577}.bottom-features .panel{min-height:190px}.panel{border-color:#293b5e}.auth-panel{box-shadow:0 25px 100px #0007,0 0 80px #4937b820}.dashboard-grid .panel{box-shadow:0 16px 45px #0003}footer{border-color:#263957!important}@media(min-width:1600px){.site-shell{max-width:1640px}}@media(max-width:1100px){.hero-layout{grid-template-columns:1fr;min-height:0;gap:25px}.hero-editor-wrap{max-width:900px;width:100%;margin:auto}.hero-heading{font-size:clamp(55px,8vw,85px)}.feature-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.site-shell>nav{min-height:75px}.site-shell>nav>a{font-size:20px}.nav-links{gap:11px!important;font-size:12px}.hero-layout{padding-top:42px;padding-bottom:32px}.hero-heading{font-size:clamp(49px,11vw,72px)}.hero-editor-wrap{padding:30px 0}.scenic-backdrop{inset:-35px -20px -20px}.editor-window{transform:none}.editor-main{min-height:215px}.editor-code pre{font-size:9px}.project-art{height:165px}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip>div{min-height:110px}.feature-strip>div:last-child{grid-column:1/-1}.feature-strip span{font-size:11px}}

/* v0.4 homepage experience: editorial rhythm, asymmetry, cinematic flow */
.experience-home{overflow:hidden}.experience-home h2{font-weight:800;letter-spacing:-.045em;line-height:1.08}.experience-hero{position:relative;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(30px,4vw,70px);min-height:760px;padding:100px 0 115px;isolation:isolate}.hero-atmosphere{position:absolute;inset:-100px -18vw -100px 25%;z-index:-2;background:linear-gradient(90deg,#050c1b 0%,transparent 30%),linear-gradient(0deg,#050c1b 0%,transparent 40%),url('mountain-scene.svg') center/cover no-repeat;opacity:.7;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 60%,transparent 100%)}.experience-hero:after{content:'';position:absolute;z-index:-1;inset:0 -8%;background:radial-gradient(ellipse 40% 48% at 72% 45%,#5d35e32b,transparent 75%);pointer-events:none}.hero-intro{position:relative;z-index:2}.hero-intro h1{font-size:clamp(64px,6vw,105px);font-weight:850;letter-spacing:-.07em;line-height:1.02;margin:30px 0}.hero-intro h1 em{font-style:normal;background:linear-gradient(95deg,#29c8ff,#7965ff 52%,#bc4dff);color:transparent;background-clip:text}.hero-intro>p{font-size:clamp(18px,1.3vw,21px);line-height:1.75;color:#c4d3e9;max-width:570px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:35px}.hero-actions .btn-primary,.hero-actions .btn-secondary{min-height:52px;padding:13px 23px;gap:10px}.hero-status{font-size:12px;color:#93a7c8;margin-top:30px}.status-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4adea9;box-shadow:0 0 15px #4adea9;margin-right:8px}.hero-status-divider{padding:0 8px}.hero-stage{position:relative;min-width:0;transform:translateY(20px)}.hero-stage .editor-window{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);box-shadow:0 35px 110px #000c,0 0 80px #603bd455}.hero-stage .editor-main{min-height:330px}.hero-stage .editor-code pre{font-size:clamp(11px,.82vw,14px)}.stage-halo{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse,#4730e744,transparent 65%);filter:blur(30px)}.hero-stage>p{font-size:11px;color:#8293b3}.story-bridge{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center;padding:90px 5% 110px;border-top:1px solid #20314b;border-bottom:1px solid #20314b;background:radial-gradient(ellipse at 5% 80%,#143b6020,transparent 60%)}.section-kicker{display:inline-block;color:#5ed4ff;font-size:12px;letter-spacing:.17em;font-weight:800;margin-bottom:19px}.story-bridge h2,.development-story h2{font-size:clamp(38px,4vw,65px)}.bridge-body p{font-size:20px;line-height:1.7;color:#bdcce2}.bridge-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.bridge-tags span{border:1px solid #30456c;border-radius:100px;padding:10px 16px;color:#d6e4fb;font-size:13px}.bridge-tags i{color:#5cb8ff;margin-right:8px}.showcase-journey{padding:115px 0 125px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:44px}.section-heading h2{font-size:clamp(39px,4vw,61px)}.section-heading p{font-size:17px;color:#a6b9d6;margin-top:15px}.accent-dot{color:#7d62ff}.text-link{color:#72d0ff;font-size:14px;font-weight:700;white-space:nowrap}.text-link i{margin-left:8px}.showcase-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.spotlight-project{border:1px solid #334674;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#16274b,#0c162b);min-width:0}.spotlight-visual{min-height:375px;background:radial-gradient(ellipse at 50% 0%,#5543c077,transparent 68%),linear-gradient(140deg,#1b2d5a,#0a1529);padding:45px 50px 0;overflow:hidden}.fake-app-window{border:1px solid #6b73b3;border-radius:13px 13px 0 0;background:#0b1528;box-shadow:0 20px 80px #000a;min-height:340px;transform:perspective(900px) rotateX(4deg)}.fake-app-header{height:36px;border-bottom:1px solid #293957;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;color:#9badd0}.fake-dots{color:#f38aab;letter-spacing:3px}.fake-app-content{display:grid;grid-template-columns:20% 80%;height:290px}.fake-app-sidebar{border-right:1px solid #2a3855;padding:20px 12px;display:flex;flex-direction:column;gap:17px}.fake-app-sidebar b{height:7px;border-radius:4px;background:#253c64}.fake-app-sidebar b:nth-child(2){width:65%;background:#5358bb}.fake-app-work{padding:20px}.fake-app-title{font-size:16px;font-weight:800}.fake-app-title small{display:block;color:#8fa4c6;font-size:10px;font-weight:400;margin-top:6px}.fake-app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.fake-app-stats b{background:#18294a;border:1px solid #31456c;border-radius:9px;padding:17px 10px;font-size:11px;color:#c8d9f5}.fake-app-stats i{display:block;color:#64caff;font-size:21px;margin-bottom:12px}.fake-app-chart{height:83px;display:flex;gap:9px;align-items:end;border-bottom:1px solid #355479;padding:8px 20px 0;margin-top:17px}.fake-app-chart span{background:linear-gradient(#6e67f6,#227ac6);height:40%;width:10%;border-radius:5px 5px 0 0}.fake-app-chart span:nth-child(2n){height:72%}.fake-app-chart span:nth-child(3n){height:55%}.fake-app-chart span:nth-child(5){height:92%}.spotlight-copy{padding:31px 35px 36px}.project-category{font-size:10px;color:#70caff;font-weight:800;letter-spacing:.13em}.spotlight-copy h3{font-size:34px;font-weight:800;margin-top:9px}.spotlight-copy p{font-size:15px;color:#aebfd8;line-height:1.6;max-width:580px;margin-top:9px}.tech-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.tech-list span{background:#203455;color:#c8daf6;font-size:11px;padding:6px 10px;border-radius:6px}.preview-disclaimer{display:block;color:#8295b4;font-size:11px;margin-top:18px}.side-projects{display:grid;grid-template-rows:repeat(3,1fr);gap:18px}.side-project{border:1px solid #293d60;border-radius:17px;background:#0d1a30;padding:16px;display:grid;grid-template-columns:41% 1fr;gap:21px;align-items:center;min-width:0}.side-art{height:100%;min-height:150px;border-radius:11px;display:grid;place-items:center;position:relative;overflow:hidden}.side-art>i{font-size:55px;z-index:1;filter:drop-shadow(0 10px 20px #0007)}.media-art{background:radial-gradient(circle,#7e3bc8,#1b2451);color:#e8b4ff}.social-art{background:radial-gradient(circle,#af468e,#221943);color:#ffd4ed}.monitor-art{background:radial-gradient(circle,#157b8e,#10294c);color:#a4faff}.side-project h3{font-size:22px;font-weight:800;margin-top:8px}.side-project p{font-size:13px;color:#aebfdb;margin-top:6px;line-height:1.5}.side-project .tech-list{margin-top:10px}.development-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:95px 5%;border:1px solid #2c3b65;border-radius:28px;background:radial-gradient(ellipse at 18% 55%,#332b8250,transparent 48%),linear-gradient(135deg,#111f3b,#0a1326)}.development-art{min-height:460px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px dashed #5971ad66;border-radius:50%;width:76%;aspect-ratio:1}.orbit-two{width:52%;border-style:solid;border-color:#6761b450}.central-cloud{position:relative;font-size:180px;color:#385bdf;filter:drop-shadow(0 0 48px #5439ffb0)}.central-cloud .fa-code{position:absolute;left:50%;top:50%;transform:translate(-50%,-25%);font-size:63px;color:#c7e5ff}.floating-tool{position:absolute;width:74px;height:74px;border:1px solid #5c68b5;background:#142b53;border-radius:18px;display:grid;place-items:center;font-size:33px;box-shadow:0 12px 30px #0007}.tool-one{left:12%;top:18%;color:#b5a7ff}.tool-two{right:10%;top:12%;color:#f7d363}.tool-three{left:12%;bottom:10%;color:#ffe36d}.tool-four{right:12%;bottom:12%;color:#62e6b9}.development-copy>p{color:#b4c5dd;font-size:17px;line-height:1.8;margin:23px 0}.development-points{display:grid;gap:18px;margin-top:28px}.development-points>div{display:flex;gap:17px;align-items:center}.development-points i{width:48px;height:48px;display:grid;place-items:center;background:#223861;border:1px solid #395783;border-radius:11px;color:#70d0ff;font-size:20px;flex:none}.development-points strong{display:block;font-size:15px}.development-points small{display:block;color:#9eafca;margin-top:5px}.roadmap-label{display:inline-block;margin-top:29px;color:#c6b3ff;font-size:12px}.community-story{padding:125px 0}.community-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.community-panel{position:relative;overflow:hidden;border:1px solid #31416a;border-radius:22px;padding:37px;min-height:350px;background:linear-gradient(135deg,#1b2452,#101c35)}.connect-panel{background:linear-gradient(135deg,#122f40,#101c35)}.panel-symbol{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#5033ad;color:#e9ddff;font-size:27px;margin-bottom:24px}.connect-panel .panel-symbol{background:#117c78;color:#baffef}.community-panel h3{font-size:32px;font-weight:800;margin-top:9px}.community-panel p{max-width:430px;color:#bbcae0;font-size:15px;line-height:1.7;margin:12px 0 22px}.panel-decoration{position:absolute;right:4%;bottom:0;font-size:165px;opacity:.1;transform:rotate(-12deg)}.closing-cta{text-align:center;position:relative;isolation:isolate;padding:110px 25px 125px;border:1px solid #3a367a;border-radius:28px;background:radial-gradient(ellipse at 50% 90%,#4a2c9a55,transparent 70%),#10172f;overflow:hidden}.closing-cta h2{font-size:clamp(42px,5vw,72px)}.closing-cta p{max-width:600px;margin:18px auto 0;color:#bacbe5;font-size:18px;line-height:1.7}.closing-cta .hero-actions{justify-content:center}.cta-orb{position:absolute;z-index:-1;inset:-80%;background:radial-gradient(circle at 50% 50%,#6539ba20,transparent 40%)}.experience-home+footer{margin-top:80px}@media(max-width:1050px){.experience-hero{grid-template-columns:1fr;min-height:0;padding:70px 0 90px}.hero-stage{max-width:850px;width:100%;margin:auto}.hero-atmosphere{inset:0 -10% 0 0}.showcase-layout{grid-template-columns:1fr}.side-projects{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.side-project{grid-template-columns:1fr}.side-art{min-height:160px}.development-story{grid-template-columns:1fr}.development-art{min-height:360px;max-width:600px;width:100%;margin:auto}.story-bridge{gap:5%}}@media(max-width:700px){.experience-hero{padding-top:50px}.hero-intro h1{font-size:clamp(50px,12vw,75px)}.hero-intro>p{font-size:16px}.hero-stage .editor-window{transform:none}.hero-stage .editor-main{min-height:215px}.story-bridge{grid-template-columns:1fr;padding:70px 0;gap:22px}.bridge-body p{font-size:17px}.showcase-journey{padding:80px 0}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:40px}.spotlight-visual{padding:25px 20px 0;min-height:285px}.fake-app-window{min-height:270px}.fake-app-content{height:230px}.fake-app-stats b{font-size:9px;padding:12px 5px}.fake-app-chart{height:55px}.side-projects{grid-template-columns:1fr}.side-project{grid-template-columns:37% 1fr}.side-art{min-height:150px}.development-story{padding:65px 20px}.development-art{min-height:300px}.central-cloud{font-size:130px}.central-cloud .fa-code{font-size:48px}.floating-tool{width:55px;height:55px;font-size:24px}.community-story{padding:80px 0}.community-split{grid-template-columns:1fr}.community-panel{padding:27px;min-height:310px}.closing-cta{padding:80px 20px}.hero-status-divider{display:none}}

/* v0.5: single image logo, authentic project showcase and layout polish */
nav>a:first-child{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.brand-logo{display:block;object-fit:contain;width:44px;height:38px;flex-shrink:0}
.site-shell{width:min(100% - 36px,1480px);max-width:1480px}
.experience-home{overflow:clip}
.experience-hero{min-height:570px;align-items:center;gap:clamp(30px,5vw,85px)}
.hero-intro{position:relative;z-index:2}
.hero-stage{min-width:0;width:100%;max-width:100%}
.editor-window{max-width:100%;box-shadow:0 35px 100px rgba(16,12,63,.32),0 0 55px rgba(99,63,231,.13)}
.showcase-journey{scroll-margin-top:40px}
.spotlight-project{overflow:hidden}
.real-project-shot{position:relative;min-height:310px;overflow:hidden;background:#061427;padding:0!important}
.real-project-shot img{display:block;width:100%;height:100%;min-height:310px;max-height:400px;object-fit:cover;object-position:top left;transition:transform .35s ease}
.spotlight-project:hover .real-project-shot img{transform:scale(1.025)}
.shot-caption{position:absolute;bottom:12px;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;border:1px solid rgba(105,173,235,.28);border-radius:9px;background:rgba(4,15,34,.88);backdrop-filter:blur(8px);font-size:12px;color:#dbeafe}
.shot-caption i{color:#34d399;margin-right:6px}
.spotlight-copy{padding-top:24px}
.site-footer{display:flex;justify-content:space-between;gap:48px;border-top:1px solid rgba(117,147,198,.19);padding:48px 0 55px;margin-top:75px;color:#94a3b8}
.footer-brand strong{font-size:21px;color:#f1f5f9}.footer-brand p{margin:9px 0 24px}.footer-brand small{font-size:12px}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:clamp(20px,4vw,80px)}
.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links strong{color:#e2e8f0;font-size:13px;margin-bottom:7px}.footer-links a{color:#94a3b8;font-size:13px}.footer-links a:hover{color:#93c5fd}
@media(max-width:900px){.experience-hero{min-height:0}.site-footer{flex-direction:column;gap:28px}.real-project-shot img{max-height:350px}}
@media(max-width:600px){.site-shell{width:calc(100% - 24px)}.footer-links{grid-template-columns:repeat(2,1fr)}.real-project-shot,.real-project-shot img{min-height:215px}.brand-logo{width:37px;height:34px}}

/* v0.6 — accessible grouped navigation and account experience */
.site-topbar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:84px;border-bottom:1px solid rgba(123,153,205,.17)}
.brand-name{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:clamp(18px,1.4vw,23px);font-weight:800;letter-spacing:-.04em}.brand-name:hover{color:white}
.primary-navigation{display:flex;align-items:center;gap:5px}.nav-home,.nav-dropdown>summary,.nav-signin{display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:10px;color:#cbd5e1;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.nav-home:hover,.nav-dropdown>summary:hover,.nav-signin:hover{background:rgba(88,107,172,.17);color:#fff}
.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary>i{font-size:9px;opacity:.7;transition:transform .2s}.nav-dropdown[open]>summary>i{transform:rotate(180deg)}.nav-dropdown[open]>summary{background:rgba(83,72,188,.2);color:#fff}
.nav-dropdown-panel{position:absolute;top:calc(100% + 10px);left:0;width:290px;padding:10px;border:1px solid #2b3d65;border-radius:16px;background:#0d1930;box-shadow:0 24px 60px #0009;display:grid;gap:3px;z-index:80}.menu-link{display:flex;gap:13px;align-items:center;padding:12px;border-radius:10px}.menu-link:hover,.menu-link:focus-visible{background:#19294b}.menu-link>i{width:20px;text-align:center;color:#60a5fa}.menu-link span{display:grid;gap:2px}.menu-link strong{font-size:13px;color:#f1f5f9}.menu-link small{font-size:11px;color:#9eacc7}
.nav-auth{display:flex;align-items:center;gap:8px;margin-left:10px}.nav-auth .btn-primary{white-space:nowrap;font-size:13px;padding:11px 17px}.account-dropdown{margin-left:12px}.account-dropdown .nav-dropdown-panel{right:0;left:auto;width:305px}.account-trigger{border:1px solid #354569!important;background:#121f3b}.account-avatar{display:inline-grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#7c3aed);color:#fff;font-weight:800;font-size:14px}.account-heading{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #2a3857;margin-bottom:3px}.account-heading span:last-child{min-width:0;display:grid;gap:2px}.account-heading strong{font-size:13px}.account-heading small{font-size:11px;color:#a5b4cf;overflow:hidden;text-overflow:ellipsis}.account-logout{display:flex;gap:12px;align-items:center;width:100%;text-align:left;padding:12px;border-top:1px solid #2a3857;color:#fca5a5;font-size:13px}.account-logout:hover{background:#45202b;border-radius:9px}
.mobile-nav-toggle{display:none;background:#152341;border:1px solid #314368;border-radius:9px;padding:10px 13px}.account-page,.simple-page{padding:70px 0 90px}.account-page-heading h1,.simple-page h1{font-size:clamp(32px,4vw,52px);font-weight:850;letter-spacing:-.045em;margin:12px 0}.account-page-heading p,.simple-page p{color:#a6b6d2;margin-bottom:35px}.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.account-setting-card h2{font-size:23px;font-weight:750;margin-bottom:10px}.account-setting-card h2 i{color:#818cf8;margin-right:8px}.account-setting-card p{margin-bottom:24px}.simple-page{max-width:850px}.simple-page p{font-size:18px;line-height:1.8}.dashboard-quicklinks{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}
@media(max-width:1150px){.site-topbar{flex-wrap:wrap}.mobile-nav-toggle{display:block;margin-left:auto}.primary-navigation{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:3px;padding:8px 0 18px}.primary-navigation.is-open{display:flex}.nav-dropdown-panel,.account-dropdown .nav-dropdown-panel{position:static;width:100%;box-shadow:none;margin:3px 0 10px;background:#101d37}.nav-dropdown>summary,.nav-home{width:100%;justify-content:space-between}.nav-auth{margin:8px 0 0}.account-dropdown{margin-left:0}.account-trigger{justify-content:flex-start!important}}
@media(max-width:700px){.account-settings-grid{grid-template-columns:1fr}.account-trigger-name{display:inline}.site-topbar{min-height:72px}.brand-name{font-size:18px}}

/* v0.6.1 sign-in experience */
.auth-panel{max-width:490px!important;margin-bottom:6rem!important;padding:clamp(1.5rem,4vw,2.75rem)!important;box-shadow:0 24px 90px #02061799;border:1px solid #364367!important;background:linear-gradient(145deg,#142342,#0b1428)!important}.auth-panel h1{letter-spacing:-.035em}.auth-panel .field{margin-top:.6rem}.auth-panel label{font-size:.94rem;color:#dce5fb}.auth-panel .btn-primary{min-height:48px}.auth-switch{text-align:center;margin-top:1.5rem;color:#9aaed2;font-size:.9rem}.auth-switch a{color:#a5b4fc;font-weight:700}.auth-switch a:hover{text-decoration:underline}