:root{--text: #f8fbff;--muted: rgba(248, 251, 255, .68);--border: rgba(255, 255, 255, .12);--bg: #070b12;--card-border: rgba(255, 255, 255, .14);--shadow: 0 20px 50px rgba(0, 0, 0, .26);--shadow-hover: 0 28px 70px rgba(0, 0, 0, .34);--font-display: "Aptos Display", "Segoe UI Variable Display", Bahnschrift, Inter, ui-sans-serif, system-ui, sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}*{box-sizing:border-box}img{max-width:100%;height:auto}section{width:100%}::selection{color:#061017;background:#66f5ff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}html{scroll-behavior:smooth}body{margin:0}.next-section{min-height:100%;padding:80px 24px;background:#070b12;color:#fff}.about-page{position:relative;min-height:100vh;scroll-margin-top:24px;color:#f8fbff;background:radial-gradient(circle at 78% 14%,rgba(102,245,255,.16),transparent 28%),radial-gradient(circle at 16% 64%,rgba(255,138,102,.12),transparent 32%),#070b12;overflow:hidden;padding-bottom:92px}.about-page-academic{display:flex;flex-direction:column;justify-content:center;padding:58px 0 92px}.about-page-academic .about-hero,.about-page-academic .about-sections{width:min(1360px,94vw)}.about-page-academic .about-hero{padding:0 0 18px}.about-page-academic .about-sections{padding-bottom:0}.about-page-academic .about-section{grid-template-columns:minmax(340px,.72fr) minmax(540px,1.28fr);gap:clamp(24px,4vw,54px);padding:clamp(18px,2.4vw,28px)}.about-page-academic .about-course-space{min-height:350px}.about-page-academic .about-hero h1{font-size:clamp(42px,5.8vw,82px)}.about-page-academic .about-section h2{font-size:clamp(28px,3.1vw,44px)}.about-page-academic .about-section-summary{font-size:16px;line-height:1.5}.about-page-academic .about-education-card{padding:14px 16px}.about-page-life{display:flex;flex-direction:column;justify-content:center;padding:42px 0 92px}.about-page-life .about-hero,.about-page-life .about-sections{width:min(1360px,94vw)}.about-page-life .about-hero{padding:0 0 14px}.about-page-life .about-hero h1{font-size:clamp(38px,5.2vw,74px)}.about-page-life .about-section{grid-template-columns:minmax(240px,.36fr) minmax(700px,1fr);gap:clamp(24px,4vw,54px);padding:clamp(16px,2.1vw,24px);overflow:visible}.about-page-life .about-section h2{font-size:clamp(26px,2.8vw,40px)}.about-page-life .about-section-summary,.about-page-life .about-detail-list p{font-size:15px;line-height:1.44}.about-grid{position:absolute;inset:0;z-index:0;opacity:.52;pointer-events:none;background-image:linear-gradient(rgba(102,245,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,245,255,.08) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,black 74%,transparent);mask-image:linear-gradient(to bottom,black,black 74%,transparent)}.about-topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-start;width:min(1180px,92vw);margin:0 auto;padding:22px 0 0}.about-back-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f8fbff;background:#050b1494;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.about-back-button:hover{transform:translateY(-2px);border-color:#66f5ff8f;background:#66f5ff1f}.about-hero{position:relative;z-index:1;width:min(1180px,92vw);margin:0 auto;padding:104px 0 78px}.about-hero-content{max-width:820px}.about-hero h1{font-family:var(--font-display);margin:0 0 22px;font-size:clamp(48px,7vw,104px);line-height:.98;font-weight:650;letter-spacing:0;color:transparent;background:linear-gradient(135deg,#fff 4%,#c8fbff 56%,#ffb69f);-webkit-background-clip:text;background-clip:text;text-shadow:0 20px 52px rgba(0,0,0,.34)}.about-hero p{max-width:740px;margin:0;color:#f3faffd1;font-size:clamp(18px,1.8vw,24px);line-height:1.62}.about-sections{position:relative;z-index:1;display:grid;gap:34px;width:min(1180px,92vw);margin:0 auto;padding:0 0 36px}.about-section{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(420px,1fr);gap:clamp(28px,5vw,68px);align-items:center;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#050b149e;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-section-copy{min-width:0}.about-section-index{display:inline-block;margin-bottom:18px;color:#66f5ff;font-size:13px;font-weight:800;letter-spacing:.18em}.about-section h2{font-family:var(--font-display);margin:0 0 16px;color:#f8fbff;font-size:clamp(30px,3.6vw,52px);line-height:1.08;font-weight:650;letter-spacing:0}.about-section-summary{margin:0 0 20px;color:#f8fbffe6;font-size:17px;line-height:1.58}.about-detail-list{display:grid;gap:10px}.about-detail-list p{margin:0;color:#f3faffb8;font-size:15px;line-height:1.62}.about-education-list{display:grid;gap:14px}.about-education-card{display:grid;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0f}.about-education-card span{color:#66f5ff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.about-education-card h3{font-family:var(--font-display);margin:6px 0;color:#f8fbff;font-size:clamp(19px,2vw,25px);line-height:1.12;font-weight:650}.about-education-card p{margin:0;color:#f3faffc2;font-size:14px;line-height:1.58}.about-photo-wall{position:relative;width:100%;--photo-wall-row-count: 3;--photo-wall-row-height: clamp(122px, 14.5vw, 178px);height:calc(var(--photo-wall-row-count) * var(--photo-wall-row-height) + (var(--photo-wall-row-count) - 1) * 8px + 12px);overflow:hidden;display:grid;grid-template-rows:repeat(var(--photo-wall-row-count),minmax(0,1fr));align-content:stretch;gap:8px;padding:6px 0;margin-right:clamp(-96px,-6vw,-28px);-webkit-mask-image:linear-gradient(to right,transparent,black 3%,black 99%,transparent);mask-image:linear-gradient(to right,transparent,black 3%,black 99%,transparent)}.about-photo-track{display:flex;min-height:0;width:max-content;height:100%;gap:8px;will-change:transform}.about-photo-row{position:relative;min-height:0}.about-photo-track.reverse{transform:translate(-50%)}.about-photo-card{position:relative;flex:0 0 auto;width:clamp(170px,18vw,300px);height:100%;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#ffffff0e;box-shadow:0 14px 28px #00000047;cursor:zoom-in;padding:0;font:inherit}.about-photo-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.05);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.about-photo-card-logo{background:linear-gradient(135deg,#ffffffeb,#dfebf2c7),#ffffffe6}.about-photo-card-logo img{object-fit:contain;padding:clamp(18px,2.4vw,34px);filter:saturate(1.02) contrast(1.04)}.about-photo-card span{position:absolute;left:10px;right:10px;bottom:10px;min-height:30px;display:inline-flex;align-items:center;width:fit-content;max-width:calc(100% - 20px);padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f8fbff;background:#050b14ad;font-size:12px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-course-cloud{display:grid;gap:22px}.about-course-space{position:relative;min-height:452px;perspective:1100px;transform-style:preserve-3d;isolation:isolate}.about-course-space:before{content:"";position:absolute;inset:10% 13%;border:1px dashed rgba(102,245,255,.24);border-radius:50%;transform:rotateX(64deg) rotate(-12deg)}.about-course-space:after{content:"";position:absolute;inset:15% 20%;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotateY(64deg) rotate(10deg)}.about-course-node{position:absolute;left:50%;top:50%;min-height:32px;max-width:156px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#f8fbffe6;background:#050b14ad;box-shadow:0 20px 50px #0000003d;font-family:inherit;font-size:11.5px;font-weight:800;line-height:1.1;cursor:pointer;will-change:transform,opacity,filter;transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,color .24s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.about-course-node.active,.about-course-node:hover{border-color:#66f5ffad;background:#66f5ff1f;box-shadow:0 24px 64px #66f5ff24}.about-course-detail{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(135deg,#66f5ff1a,#050b14bd 42%,#ff8a6614),#050b14ad;box-shadow:inset 0 1px #ffffff14}.about-course-detail span{color:#66f5ff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.about-course-detail h3{font-family:var(--font-display);margin:10px 0 8px;color:#f8fbff;font-size:clamp(24px,3vw,34px);line-height:1.05;font-weight:650}.about-course-detail p{margin:0;color:#f3faffc7;font-size:15px;line-height:1.58}.about-lightbox{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:28px;background:#03070dd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.about-lightbox-frame{width:min(980px,92vw);max-height:88vh;margin:0;display:grid;gap:14px}.about-lightbox-frame img{width:100%;max-height:80vh;object-fit:contain;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#050b14cc;box-shadow:0 32px 90px #00000073}.about-lightbox-frame figcaption{color:#f8fbffc7;font-size:14px;font-weight:800;text-align:center}.about-lightbox-close{position:fixed;top:24px;right:24px;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f8fbff;background:#050b14ad;font-size:28px;line-height:1;cursor:pointer}@media(max-width:900px){.about-page-academic,.about-page-life{display:block}.about-section{grid-template-columns:1fr}.about-page-academic .about-section{grid-template-columns:minmax(230px,.72fr) minmax(340px,1fr);gap:20px}.about-page-life{display:flex}.about-page-life .about-section{grid-template-columns:minmax(220px,.42fr) minmax(420px,1fr);gap:18px}.about-page-life .about-hero{padding:0 0 18px}.about-page-life .about-photo-wall{--photo-wall-row-height: 112px}.about-page-academic .about-course-space{min-height:320px}.about-hero{padding:82px 0 56px}.about-page-academic .about-hero{padding:70px 0 38px}}@media(max-width:760px){.about-page-academic .about-section{grid-template-columns:1fr}.about-page-academic .about-course-space{min-height:auto}}@media(max-width:640px){.about-page-life{display:block}.about-page-life .about-section{grid-template-columns:1fr}}@media(max-width:560px){.about-topbar{padding-top:14px}.about-hero{padding:64px 0 42px}.about-section{padding:20px}.about-photo-card{width:100%}.about-photo-wall{--photo-wall-row-height: 104px}.about-course-space{min-height:auto;display:flex;flex-wrap:wrap;gap:8px}.about-page-academic .about-section{grid-template-columns:1fr}.about-course-space:before{display:none}.about-course-node{position:static;transform:none!important;opacity:1!important;filter:none!important;max-width:none}}.section-nav{position:absolute;left:50%;bottom:36px;z-index:6;display:flex;align-items:center;justify-content:center;gap:14px;transform:translate(-50%)}.section-nav-btn{width:56px;height:56px;min-width:56px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff;background:#060c1694;cursor:pointer;line-height:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,border-color .2s ease}.section-nav-btn:hover{transform:translateY(2px);border-color:#66f5ff94;background:#66f5ff1f}.section-nav-btn svg{width:18px;height:18px}@media(max-width:768px){.section-nav{bottom:24px;gap:10px}.section-nav-btn{width:50px;height:50px;min-width:50px;min-height:50px}}.hero{position:relative;width:100%;min-height:100svh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;overflow:hidden;isolation:isolate}.overlay{width:100%;min-height:100svh;display:flex;justify-content:center;align-items:center;padding:112px 24px 140px;background:radial-gradient(circle at 50% 18%,rgba(34,211,238,.2),transparent 34%),linear-gradient(180deg,#04081159,#040811e0 72%,#070b12);z-index:2}.content{position:relative;text-align:center;color:#fff;max-width:980px;padding:0 28px;z-index:3}.hero-grid,.hero-shade{position:absolute;inset:0;pointer-events:none}.hero-grid{z-index:1;opacity:.62;background-image:linear-gradient(rgba(125,249,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(125,249,255,.11) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 70%,transparent);mask-image:linear-gradient(to bottom,transparent,black 18%,black 70%,transparent)}.hero-shade{z-index:0;background:linear-gradient(120deg,#070b122e,#070b12b8),#00000038}.hero-accent-line{position:absolute;top:16%;height:62%;width:1px;z-index:2;background:linear-gradient(to bottom,transparent,rgba(34,211,238,.72),transparent)}.hero-accent-line-left{left:clamp(24px,7vw,112px)}.hero-accent-line-right{right:clamp(24px,7vw,112px);background:linear-gradient(to bottom,transparent,rgba(255,123,93,.64),transparent)}.hero-avatar-frame{width:clamp(112px,13vw,164px);aspect-ratio:1;margin:0 auto 28px;padding:6px;border:1px solid rgba(182,246,255,.38);border-radius:50%;background:#070b128f;box-shadow:0 0 42px #22d3ee33,inset 0 0 24px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-avatar-frame img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.hero-name{font-family:var(--font-display);font-size:clamp(52px,8vw,128px);font-weight:650;margin:0 0 22px;line-height:.96;letter-spacing:0;text-wrap:balance;color:transparent;background:linear-gradient(135deg,#fff 8%,#c8fbff 48%,#ffb69f);-webkit-background-clip:text;background-clip:text;text-shadow:0 22px 58px rgba(0,0,0,.38)}.hero-desc{font-size:clamp(18px,1.8vw,26px);line-height:1.65;margin:0 auto;max-width:760px;min-height:3.2em;word-break:break-word;color:#f3faffdb}.typing-cursor{display:inline-block;margin-left:4px;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}.hero-link{display:inline-flex;align-items:center;justify-content:center;min-width:128px;height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.24);border-radius:8px;color:#f8fbff;text-decoration:none;font-size:14px;font-weight:700;font-family:inherit;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .22s ease,border-color .22s ease,background .22s ease}.hero-link:hover{transform:translateY(-2px);border-color:#22d3eeb8;background:#22d3ee1f}.hero-link-primary{color:#041017;border-color:transparent;background:linear-gradient(135deg,#66f5ff,#ff8a66)}.hero-link-primary:hover{border-color:transparent;background:linear-gradient(135deg,#a5fbff,#ff9a78)}.hero-link-button{cursor:pointer}.scroll-down-btn{position:absolute;left:50%;bottom:34px;transform:translate(-50%);width:58px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#060c169e;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4}.scroll-down-btn:hover{transform:translate(-50%) translateY(2px);border-color:#22d3ee94;background:#22d3ee1f}.arrow{font-size:24px;line-height:1}@media(max-width:768px){.overlay{padding:88px 18px 120px}.hero-name{font-size:clamp(42px,15vw,78px)}.hero-desc{font-size:clamp(16px,4vw,20px);line-height:1.6}.content{padding:0 20px}.hero-actions{margin-top:28px}.scroll-down-btn{width:52px;height:52px}}.project-section{position:relative;width:100%;min-height:100vh;box-sizing:border-box;padding:72px 80px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(34,211,238,.18),transparent 26%),radial-gradient(circle at 18% 80%,rgba(255,123,93,.14),transparent 30%),linear-gradient(135deg,var(--project-start),var(--project-end));isolation:isolate}.project-atmosphere{position:absolute;inset:0;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.project-rail{display:none}.project-inner{position:relative;width:min(1280px,88vw);display:grid;grid-template-columns:minmax(460px,1fr) minmax(430px,1fr);align-items:center;gap:clamp(32px,5vw,76px);z-index:2}.project-inner.reverse{grid-template-columns:minmax(460px,1fr) minmax(430px,1fr)}.project-inner.reverse .project-info{grid-column:2}.project-inner.reverse .project-media{grid-column:1;grid-row:1}.project-info{position:relative;color:#fff;min-width:0;max-width:780px;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#050b14b3;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.project-info:before{display:none}.project-index{width:fit-content;margin-bottom:18px;color:#66f5ff;font-size:13px;font-weight:800;letter-spacing:.18em}.project-title{font-family:var(--font-display);margin:0 0 22px;font-size:clamp(34px,4.3vw,66px);line-height:1.08;font-weight:650;letter-spacing:0;color:transparent;background:linear-gradient(135deg,#fff 6%,#d7fbff 58%,#ffb8a0f5);-webkit-background-clip:text;background-clip:text;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.project-meta{margin-bottom:18px;padding-left:16px;border-left:2px solid rgba(255,138,102,.72)}.project-period,.project-organization{margin:0;font-size:15px;line-height:1.5;color:#f3faffdb}.project-description{margin-bottom:28px;max-width:820px}.project-desc-item{margin:0 0 10px;font-size:15px;line-height:1.64;color:#f8fbffeb;white-space:pre-line}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.project-tech-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(102,245,255,.2);border-radius:8px;color:#f8fbffe6;background:#66f5ff13;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.btn-right{margin-left:auto}.project-button{display:inline-flex;align-items:center;justify-content:center;width:142px;height:48px;padding:0 28px;border:1px solid rgba(102,245,255,.48);border-radius:8px;color:#f9feff;text-decoration:none;font-size:14px;font-weight:800;transition:transform .2s ease,background .2s ease,border-color .2s ease;background:#66f5ff14}.project-button:hover{background:#66f5ff29;border-color:#66f5ffe6;transform:translateY(-2px)}.project-media{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:clamp(430px,58vh,650px);padding:clamp(16px,2vw,24px)}.project-media:before{content:"";position:absolute;inset:8% -4% -8% 10%;border:1px solid rgba(102,245,255,.28);border-radius:8px;transform:rotate(-3deg)}.project-image{position:relative;z-index:1;display:block;width:min(100%,620px);max-height:min(66vh,650px);height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.18);box-shadow:0 36px 90px #0000006b,0 0 0 12px #ffffff09;object-fit:contain}.project-nav{position:absolute;left:50%;bottom:36px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:16px;z-index:4}.project-nav-btn{width:56px;height:56px;min-width:56px;min-height:56px;flex:0 0 56px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#060c168f;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,border-color .2s ease}.project-nav-arrow{font-size:22px;line-height:1}.project-nav-btn:hover{transform:translateY(2px);border-color:#ff8a6694;background:#ff8a661f}@media(max-width:1200px){.project-section{padding:64px 40px 96px}.project-inner,.project-inner.reverse{grid-template-columns:1fr 1fr;gap:48px}.project-inner.reverse .project-info,.project-inner.reverse .project-media{grid-column:auto;grid-row:auto}.project-image{width:min(100%,560px);max-height:min(58vh,560px)}}@media(max-width:900px){.project-section{padding:56px 24px 110px;min-height:auto}.project-inner,.project-inner.reverse{grid-template-columns:1fr;gap:32px}.project-inner.reverse .project-info,.project-inner.reverse .project-media{grid-column:auto;grid-row:auto}.project-media{order:2;min-height:auto;padding:0}.project-info{order:1;max-width:100%;text-align:left}.project-info:before{display:none}.project-description{max-width:100%}.project-button,.btn-right{margin:0}.project-image{width:min(100%,560px);max-height:none}.project-nav{right:50%;transform:translate(50%);bottom:28px}.project-rail{display:none}}@media(max-width:768px){.project-section{padding:44px 20px 100px}.project-title{font-size:clamp(34px,8vw,54px);line-height:1.08;margin-bottom:20px}.project-period,.project-organization,.project-desc-item{font-size:14px}.project-desc-item{line-height:1.7}.project-image{min-width:0}.project-nav-btn{width:50px;height:50px;min-width:50px;min-height:50px;flex:0 0 50px}}@media(max-width:480px){.project-section{padding:36px 16px 92px}.project-title{font-size:clamp(30px,10vw,42px)}.project-period,.project-organization,.project-desc-item{font-size:14px}.project-button{min-width:118px;height:46px;font-size:14px}.project-nav{gap:10px;bottom:22px}}.skills-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#ff8a660f,#66f5ff0d),#070b12;padding:72px 24px 118px;overflow:hidden}.skills-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(102,245,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(102,245,255,.08) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);pointer-events:none}.skills-shell{position:relative;width:min(1320px,94vw);margin:0 auto;z-index:1}.skills-section-title{font-family:var(--font-display);margin:0 0 34px;font-size:clamp(34px,3.8vw,58px);line-height:1.08;font-weight:650;color:transparent;background:linear-gradient(135deg,#fff 6%,#c8fbff 64%,#ffb69f);-webkit-background-clip:text;background-clip:text;letter-spacing:0}.skills-list{display:grid;gap:14px}.skills-row{display:grid;grid-template-columns:minmax(220px,.34fr) 1fr;align-items:center;gap:clamp(20px,4vw,54px);padding:22px 24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.skills-row-heading{display:flex;align-items:baseline;gap:14px;min-width:0}.skills-row-index{color:#66f5ff;font-size:13px;font-weight:800;letter-spacing:.18em}.skills-row-heading h3{font-family:var(--font-display);margin:0;color:#f8fbff;font-size:clamp(20px,2vw,28px);line-height:1.18;font-weight:650;letter-spacing:0}.skills-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.skill-tag{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#f8fbffe0;background:#050b147a;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 10px 28px #00000029}.skill-tag-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#66f5ff,#ff8a66);box-shadow:0 0 14px #66f5ff73;flex:0 0 auto}@media(max-width:900px){.skills-section{min-height:auto;padding:70px 20px 110px}.skills-row{grid-template-columns:1fr;gap:18px;padding:22px}}@media(max-width:520px){.skills-section{padding:58px 16px 100px}.skills-section-title{margin-bottom:26px}.skills-row{padding:18px}.skills-row-heading{flex-direction:column;gap:6px}.skill-tag{min-height:36px;padding:0 12px;font-size:13px}}.footer{width:100%;background:#05080d;color:#fff;padding:70px 20px;border-top:1px solid rgba(255,255,255,.1)}.footer-inner{width:min(1200px,92vw);margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:44px}.footer-icon{width:88px;height:88px;background:linear-gradient(135deg,#66f5ff,#ff8a66);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#05080d;box-shadow:0 18px 50px #66f5ff2e}.footer-block h3{margin:0 0 12px;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#66f5ff}.footer-block p{margin:4px 0;font-size:15px;color:#f8fbffb3}.footer-links{display:flex;gap:16px;margin-top:8px}.footer-links a{font-size:22px;color:#fff;transition:transform .2s ease,color .2s ease}.footer-links a:hover{transform:translateY(-2px);color:#66f5ff}@media(max-width:900px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-icon{margin-bottom:20px}}@media(max-width:768px){.footer{padding:50px 20px}.footer-icon{width:80px;height:80px;font-size:32px}.footer-block h3{font-size:15px}.footer-block p{font-size:14px}}