@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{font-family:Inter,sans-serif;color:#dae2fd;background:#0b1326;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#1b3968 0,transparent 35%),#0b1326}button,input,textarea{font:inherit}button{cursor:pointer}.icon{font-family:Arial;font-weight:600}.loading{height:100vh;display:grid;place-items:center;color:#5de6ff;font-family:JetBrains Mono}header{position:sticky;top:0;z-index:5;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));background:#0b1326dd;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid #adc6ff22}.brand,footer a{font:700 20px Geist;color:#adc6ff;text-decoration:none;letter-spacing:-1px}.brand span{color:#5de6ff}nav{display:flex;gap:28px}nav button,.language{border:0;background:transparent;color:#c2c6d6;font-size:14px}.header-actions{display:flex;align-items:center;gap:18px}.language{font:600 12px JetBrains Mono;color:#5de6ff}.button{border:1px solid #adc6ff;background:#adc6ff;color:#002e6a;border-radius:10px;padding:13px 20px;display:inline-flex;gap:10px;align-items:center;text-decoration:none;font:600 13px JetBrains Mono;box-shadow:0 0 22px #3b82f655}.button:hover{transform:translateY(-2px);box-shadow:0 0 28px #5de6ff55}.button.small{padding:10px 14px}.button.ghost{background:#adc6ff10;color:#adc6ff;box-shadow:none}.hero{max-width:1050px;margin:auto;padding:135px 24px 120px;text-align:center}.eyebrow,.section-heading span,.period,.contact>span,.story article>span,.architecture span,.admin-title span,.admin-card>span{font:700 12px JetBrains Mono;letter-spacing:1.5px;color:#5de6ff}.eyebrow i{display:inline-block;width:7px;height:7px;background:#5de6ff;border-radius:50%;box-shadow:0 0 12px #5de6ff;margin-right:10px}.hero h1{font:800 clamp(43px,7vw,76px)/1.06 Geist;margin:22px auto;color:#dae2fd;letter-spacing:-3px;max-width:950px}.hero h1 em{display:block;color:#adc6ff;font-style:normal}.hero p{color:#c2c6d6;font-size:18px;max-width:660px;margin:0 auto 30px}.tags{display:flex;flex-wrap:wrap;gap:8px}.hero .tags{justify-content:center;margin:0 auto 36px}.tags span{padding:7px 10px;border-radius:6px;border:1px solid #5de6ff55;background:#5de6ff12;color:#5de6ff;font:600 11px JetBrains Mono}.section{max-width:1120px;margin:0 auto;padding:88px 24px}.section-heading{margin-bottom:48px}.section-heading h2,.contact h2{font:700 clamp(30px,4vw,46px)/1.15 Geist;margin:12px 0;letter-spacing:-1.5px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:50%;width:1px;top:0;bottom:0;background:#424754}.timeline-row{width:50%;padding:0 48px 58px 0;position:relative}.timeline-row.left{margin-left:50%;padding:0 0 58px 48px}.node{position:absolute;width:14px;height:14px;background:#5de6ff;border:4px solid #0b1326;border-radius:50%;right:-7px;top:24px;box-shadow:0 0 15px #5de6ff}.left .node{left:-7px}.project-card,.work-card,.admin-panel,.admin-card{background:#171f33b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #5de6ff33;border-radius:18px;box-shadow:inset 1px 1px #ffffff0d}.project-card{padding:25px}.project-card:hover,.work-card:hover{border-color:#adc6ff99;box-shadow:0 0 28px #3b82f633;transform:translateY(-4px)}h3{font:700 24px Geist;margin:8px 0}.project-card strong{font:600 12px JetBrains Mono;color:#adc6ff}.project-card p,.work-card p{color:#c2c6d6;font-size:14px}.project-card .tags{margin:18px 0}.text-link{font:600 12px JetBrains Mono;color:#5de6ff;text-decoration:none}.project-grid .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{overflow:hidden;text-decoration:none;color:#dae2fd;transition:.25s}.work-card img{width:100%;height:180px;object-fit:cover;opacity:.72;display:block}.work-card div{padding:18px}.work-card div>span{font:600 11px JetBrains Mono;color:#5de6ff}.work-card h3{font-size:21px}.contact{margin:35px auto 110px;max-width:1120px;padding:70px 24px;border-top:1px solid #424754}.contact h2{max-width:620px}.contact a{font:600 clamp(18px,3vw,29px) Geist;color:#adc6ff;text-decoration:none}footer{border-top:1px solid #424754;padding:28px max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:space-between;color:#8c909f;font-size:12px}.detail{max-width:1120px;margin:auto;padding:55px 24px 100px}.back{color:#5de6ff;text-decoration:none;font:600 12px JetBrains Mono}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:50px 0}.detail h1{font:800 clamp(42px,6vw,70px)/1 Geist;margin:16px 0;letter-spacing:-3px}.detail-hero p{font-size:18px;color:#c2c6d6}.detail-hero img{width:100%;height:350px;object-fit:cover;border:1px solid #5de6ff44;border-radius:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #424754;border-radius:16px;overflow:hidden}.metrics div{padding:28px;border-right:1px solid #424754}.metrics div:last-child{border:0}.metrics b{font:700 12px JetBrains Mono;color:#5de6ff;display:block}.metrics span{font:600 17px Geist;display:block;margin-top:10px}.story{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:90px 0}.story h2,.architecture h2{font:700 31px Geist;margin:10px 0}.story p,.architecture p{color:#c2c6d6}.architecture{border:1px solid #adc6ff33;border-radius:20px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#171f33a8}.diagram{border:1px dashed #5de6ff66;border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:space-around;color:#5de6ff;font:600 10px JetBrains Mono;text-align:center}.diagram i{font-style:normal;color:#adc6ff}.auth{min-height:calc(100vh - 135px);display:grid;place-items:center;padding:30px}.admin-card{width:min(420px,100%);padding:36px}.admin-card h1{font:700 36px Geist;margin:10px 0}.admin-card p{color:#c2c6d6}.admin-card input,.admin-panel input,.editor input,.editor textarea{background:#060e20;color:#dae2fd;border:1px solid #424754;border-radius:8px;padding:12px;width:100%;margin:7px 0 14px}.admin-card .button{width:100%;justify-content:center}.admin{max-width:900px;margin:auto;padding:55px 24px 100px}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.admin-title h1{font:700 42px Geist;margin:8px 0}.admin-panel{padding:25px;margin:18px 0}.admin-panel h2{margin-top:0;font:700 24px Geist}.admin-panel p{color:#c2c6d6;font-size:13px}.editor{border-top:1px solid #424754;padding:15px 0}.editor-head{display:flex;justify-content:space-between;align-items:center}.editor-head button{border:1px solid #5de6ff55;background:transparent;color:#5de6ff;padding:7px 12px;border-radius:7px}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.editor-fields label{font:600 11px JetBrains Mono;color:#adc6ff}.editor-fields textarea{resize:vertical;min-height:90px}@media (max-width:720px){header{height:64px;padding:0 16px}.brand{font-size:17px}nav{display:none}.header-actions{gap:5px}.button.small{font-size:0;padding:10px}.button.small .icon{font-size:16px}.hero{padding:100px 18px 75px}.hero h1{letter-spacing:-2px}.section{padding:55px 18px}.timeline:before{left:8px}.timeline-row,.timeline-row.left{width:100%;margin:0;padding:0 0 36px 36px}.node,.left .node{left:1px;right:auto}.project-grid .grid,.detail-hero,.story,.architecture{grid-template-columns:1fr}.project-grid .grid{gap:14px}.work-card img{height:145px}.contact{margin-bottom:60px}.detail{padding:35px 18px 70px}.detail-hero{gap:25px;margin:35px 0}.detail-hero img{height:220px}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid #424754}.diagram{flex-wrap:wrap;gap:12px}.editor-fields{grid-template-columns:1fr}.admin-title{align-items:flex-start;gap:15px}.admin-title h1{font-size:31px}footer{padding:22px 16px}}.editor-head>div{display:flex;gap:8px;align-items:center}.editor-head small{display:block;color:#8c909f;margin-top:3px}.editor-head .danger{border-color:#ffb4ab66;color:#ffb4ab}.upload{display:block;padding:14px;border:1px dashed #5de6ff66;border-radius:9px;background:#5de6ff0c;cursor:pointer;align-self:end}.upload input{display:block;margin:10px 0 0;width:100%;color:#c2c6d6}.admin-title p{margin:6px 0 0;color:#c2c6d6;font-size:13px}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.save-changes{margin-top:10px;width:100%;border:1px solid #adc6ff;background:#adc6ff;color:#002e6a;border-radius:9px;padding:12px;font:700 12px JetBrains Mono;cursor:pointer;box-shadow:0 0 18px #3b82f655}.save-changes:hover{filter:brightness(1.1);transform:translateY(-1px)}.field-caption{display:block;margin-top:10px;color:#5de6ff;font:600 10px JetBrains Mono}.hero-greeting{display:block;color:#5de6ff;font:700 12px JetBrains Mono;letter-spacing:1.4px}.hero h2{font:700 clamp(25px,3.2vw,42px)/1.18 Geist;color:#adc6ff;margin:0 auto 22px;max-width:820px}.tags span{display:inline-flex;align-items:center;gap:7px}.tags span img{width:16px;height:16px;object-fit:contain}.profile-card{max-width:1120px;margin:0 auto 90px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;min-height:410px}.profile-card>img{width:100%;height:100%;min-height:410px;object-fit:cover;border:1px solid #5de6ff44;border-radius:20px 0 0 20px;opacity:.85}.profile-card-content{border:1px solid #5de6ff44;border-left:0;border-radius:0 20px 20px 0;background:#171f33b8;overflow:hidden;display:grid;grid-template-rows:1fr 1fr}.profile-card-top,.profile-card-bottom{padding:40px;display:flex;flex-direction:column;justify-content:center}.profile-card-top{border-bottom:1px solid #424754;text-align:center}.profile-card-top h2{font:800 clamp(34px,4vw,52px)/1 Geist;margin:0;color:#dae2fd}.profile-card-top p{font:600 13px JetBrains Mono;color:#5de6ff;margin:12px 0 0}.profile-card-bottom>span{font:700 11px JetBrains Mono;color:#adc6ff;letter-spacing:1px}.profile-card-bottom p{color:#c2c6d6;margin:12px 0}.profile-card-bottom a{color:#5de6ff;text-decoration:none;font:600 13px JetBrains Mono}.tech-editor{grid-column:1/-1;margin-top:10px;border-top:1px solid #424754;padding-top:14px}.tech-row{display:grid;grid-template-columns:36px 1fr minmax(130px,.7fr) auto;gap:8px;align-items:center;margin-bottom:8px}.tech-row img,.tech-row i{width:32px;height:32px;border:1px solid #5de6ff44;border-radius:6px;object-fit:contain;background:#060e20;display:grid;place-items:center;color:#5de6ff;font:700 8px JetBrains Mono}.tech-row input{margin:0!important}.tech-row button{border:1px solid #ffb4ab66;background:transparent;color:#ffb4ab;padding:8px;border-radius:7px;font-size:11px}.tech-editor>.button{margin-top:8px}@media (max-width:720px){.profile-card{grid-template-columns:1fr;margin:0 18px 55px;padding:0}.profile-card>img{min-height:230px;height:230px;border-radius:20px 20px 0 0}.profile-card-content{border-left:1px solid #5de6ff44;border-top:0;border-radius:0 0 20px 20px}.profile-card-top,.profile-card-bottom{padding:28px}.tech-row{grid-template-columns:32px 1fr}.tech-row input[type=file],.tech-row button{grid-column:2}}