.animated-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(145deg,#08091e,#060818 40%,#040510,#020308)}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px)}.bg-orb--1{width:70vw;height:70vw;top:-20%;left:-15%;background:radial-gradient(circle,rgba(55,25,130,.65) 0%,rgba(40,15,100,.3) 40%,transparent 70%);animation:orbDrift1 28s ease-in-out infinite alternate}.bg-orb--2{width:65vw;height:65vw;bottom:-20%;right:-10%;background:radial-gradient(circle,rgba(15,60,160,.55) 0%,rgba(10,40,110,.25) 45%,transparent 70%);animation:orbDrift2 34s ease-in-out infinite alternate}.bg-orb--3{width:45vw;height:45vw;top:35%;right:20%;background:radial-gradient(circle,rgba(10,80,110,.38) 0%,rgba(5,50,80,.15) 50%,transparent 70%);animation:orbDrift3 22s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0)}to{transform:translate(8%,14%)}}@keyframes orbDrift2{0%{transform:translate(0)}to{transform:translate(-10%,-9%)}}@keyframes orbDrift3{0%{transform:translate(0)}to{transform:translate(-6%,10%)}}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;z-index:100;display:flex;flex-direction:column;padding:32px 0;background:#080a1ce0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.18)}.sidebar-profile{display:flex;flex-direction:column;align-items:center;padding:0 20px 24px;gap:10px}.sidebar-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 14px #ffffff1a,0 0 34px #ffffff0f;transition:box-shadow .25s ease,transform .25s ease}.sidebar-avatar:hover{transform:scale(1.05);box-shadow:0 0 20px #fff3,0 0 50px #ffffff1f}.sidebar-name{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary);text-align:center}.sidebar-title{margin:0;font-size:.78rem;color:var(--text-muted);text-align:center}.sidebar-divider{width:calc(100% - 40px);margin:0 20px 20px;height:1px;background:#ffffff12}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.sidebar-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#ffffff73;text-align:left;transition:color .2s ease,background .2s ease;position:relative;overflow:hidden}.sidebar-link:after{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.sidebar-link:hover{color:#ffffffd9;background:#ffffff0a}.sidebar-link:hover:after{animation:gleam 2.2s linear infinite}.sidebar-link.active{color:var(--text-primary);background:#ffffff0f}.sidebar-link-indicator{width:3px;height:16px;border-radius:2px;background:transparent;flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.sidebar-link.active .sidebar-link-indicator{background:#fff;box-shadow:0 0 8px #fff9}@media(max-width:768px){.sidebar{display:none!important}}.mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;z-index:200;padding:0 20px;background:#080a1ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.18)}@media(min-width:769px){.mobile-header{display:none}}.mobile-header-identity{display:flex;align-items:center;gap:10px}.mobile-header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.mobile-header-name{font-size:.9rem;font-weight:700;color:var(--text-primary)}.mobile-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:transparent;border:none;cursor:pointer;border-radius:6px;transition:background .2s ease}.mobile-burger:hover{background:#ffffff0f}.mobile-burger span{display:block;height:2px;border-radius:2px;background:#fffc;transition:transform .25s ease,opacity .25s ease,width .25s ease;transform-origin:center}.mobile-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;position:fixed;inset:0;z-index:190;padding-top:56px;background:#060816f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:scaleY(0);transform-origin:top;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s ease}.mobile-overlay.visible{transform:scaleY(1);opacity:1;pointer-events:auto}@media(min-width:769px){.mobile-overlay{display:none}}.mobile-overlay-profile{display:flex;flex-direction:column;align-items:center;gap:8px}.mobile-overlay-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 14px #ffffff1a,0 0 34px #ffffff0f}.mobile-overlay-name{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary)}.mobile-overlay-title{margin:0;font-size:.82rem;color:var(--text-muted)}.mobile-overlay-nav{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 32px}.mobile-nav-link{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:280px;padding:12px 16px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-size:1.05rem;font-weight:500;color:#ffffff73;text-align:center;transition:color .2s ease,background .2s ease}.mobile-nav-link:hover{color:#ffffffd9;background:#ffffff0a}.mobile-nav-link.active{color:var(--text-primary);background:#ffffff0f}.mobile-nav-indicator{width:3px;height:16px;border-radius:2px;background:transparent;flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.mobile-nav-link.active .mobile-nav-indicator{background:#fff;box-shadow:0 0 8px #fff9}.scroll-progress-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;background:transparent}.scroll-progress-bar{height:100%;background:linear-gradient(to right,#8c64ffe6,#50a0fff2);box-shadow:0 0 8px #788cff99,0 0 20px #6478ff4d;border-radius:0 2px 2px 0;transition:width .08s linear}@media(max-width:768px){.scroll-progress-track{top:56px}}.cursor-glow{position:fixed;top:0;left:0;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(80,55,200,.13) 0%,rgba(60,40,160,.06) 45%,transparent 70%);transition:transform .14s ease;will-change:transform}@media(max-width:768px){.cursor-glow{display:none}}.site-footer{width:100%;max-width:720px;margin:0 auto;padding:24px 24px 48px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);gap:16px;opacity:.25;transition:opacity .35s ease}.site-footer:hover{opacity:1}.footer-copy{font-size:.8rem;color:#ffffff8c}.footer-links{display:flex;gap:20px}.footer-link{font-size:.8rem;color:#ffffff8c;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}@media(max-width:768px){.site-footer{padding:20px 16px 36px;flex-direction:column;align-items:center;text-align:center;gap:10px}}.page-title-wrap{text-align:center;margin-bottom:40px}.page-title-number{display:block;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-family:monospace;color:#ffffff73;margin-bottom:8px}.page-title-text{margin:0 0 14px;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.page-title-line{width:36px;height:2px;margin:0 auto;border-radius:2px;background:#ffffff8c;box-shadow:0 0 8px #ffffff59,0 0 20px #ffffff26}.about-page{width:100%;max-width:900px;margin:0 auto}.about-bio{position:relative;text-align:center;margin-bottom:120px;padding:36px 32px;background:#080a1ccc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-rest);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.about-bio:after{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.about-bio:hover:after{animation:gleam 2.2s linear infinite}.about-bio .about-bio-text:first-child{position:relative}.about-bio .about-bio-text:first-child:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:88%;height:1px;background:#121834eb;box-shadow:0 0 10px #ffffff1a}.about-bio:hover{transform:translateY(-4px);background:#0e122ae6;box-shadow:var(--glow-panel)}.about-bio-text{position:relative;z-index:1;margin-bottom:18px;line-height:1.85;color:var(--text-primary);font-size:1.05rem}.about-section{width:100%}.about-section-title{text-align:center;margin-bottom:30px;color:var(--text-primary);text-shadow:0 0 6px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.75)}.about-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.about-card{position:relative;padding:22px;background:#080a1cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-rest);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;overflow:hidden}.about-card:before{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.about-card:hover{transform:scale(1.03);box-shadow:var(--glow-card);background:#0c1026db}.about-card:hover:before{animation:gleam 2.2s linear infinite}.about-card-title{margin-bottom:10px;color:#fff;font-size:1.08rem;font-weight:700}.about-card-text{line-height:1.65;color:#ffffffbf}.about-card-meta{display:inline-block;margin-top:10px;color:#ffffff94;font-size:.95rem}.about-card-button{margin-top:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);background:#080a1cc7;color:#fff;font-weight:600;cursor:pointer;box-shadow:var(--shadow-rest);transition:transform .2s ease,box-shadow .25s ease,background .25s ease}.about-card-button:hover{transform:scale(1.03);background:#0c1026db;box-shadow:var(--glow-panel)}@media(max-width:900px){.about-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.about-card-grid{grid-template-columns:1fr}.about-bio{padding:24px 20px}.about-card{padding:18px}}.skills-page{width:100%;display:flex;flex-direction:column;align-items:center}.skills-page-title{text-align:center;margin-bottom:24px}.skills-categories{width:100%}.skills-category-section{width:100%;margin-bottom:48px}.skills-category-title{text-align:center;font-size:22px;font-weight:600;margin-bottom:14px;color:#fff}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px}.skills-card{display:inline-flex;align-items:center;gap:14px;min-width:180px;padding:14px 20px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#080a1ccc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow-rest);transition:transform .22s ease,box-shadow .22s ease,background .22s ease;overflow:hidden;position:relative}.skills-card:before{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.skills-card:hover{transform:translateY(-3px);background:#0e122ae6;box-shadow:var(--glow-card)}.skills-card:hover:before{animation:gleam 2.2s linear infinite}.skills-card-icon{width:42px;height:42px;flex-shrink:0}.skills-card-name{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap}@media(max-width:768px){.skills-grid{gap:12px}.skills-card{min-width:0;width:calc(50% - 6px);padding:12px 16px}.skills-card-icon{width:36px;height:36px}.skills-card-name{font-size:.95rem}}.projects-status{color:#ffffffa6;text-align:center;margin:20px 0}.projects-error{color:#ff6464e6}.projects-show-more{display:block;margin:24px auto 0;padding:10px 28px;background:#0e122ae6;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-rest);transition:transform .2s ease,box-shadow .25s ease,background .25s ease}.projects-show-more:before{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.projects-show-more:hover{transform:scale(1.03);background:#ffffff1a;box-shadow:var(--glow-card)}.projects-show-more:hover:before{animation:gleam 2.2s linear infinite}.projects-page{width:100%;display:flex;flex-direction:column;align-items:center}.repo-container{width:100%;max-width:720px;display:grid;gap:22px}.repo-link{display:block;width:100%;text-decoration:none;color:inherit}.repo-card{position:relative;width:100%;padding:22px;background:#080a1cc7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-rest);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;cursor:pointer;overflow:hidden}.repo-card:before{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.repo-card:hover{transform:scale(1.03);box-shadow:var(--glow-card);background:#0c1026db}.repo-card:hover:before{animation:gleam 2.2s linear infinite}.repo-name{margin:0 0 12px;font-size:1.2rem;font-weight:700;color:#fff;word-break:break-word}.repo-description{margin:0 0 18px;line-height:1.6;color:#ffffffbf;min-height:48px}.repo-footer{display:flex;align-items:center;justify-content:space-between}.repo-language-wrapper{display:inline-flex;align-items:center;gap:8px}.repo-language-dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff9,0 0 14px #ffffff80}.repo-language{color:#ffffffa6;font-size:.9rem}.contact-tagline{text-align:center;color:#ffffff80;font-size:1rem;margin:0 0 36px;line-height:1.6}.social-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:400px;margin:0 auto}.social-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;text-align:center;text-decoration:none;color:#fff;background:#080a1ccc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:2px;box-shadow:var(--shadow-rest);cursor:pointer;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.social-card:before{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.social-card:hover{transform:translateY(-4px);background:#0e122ae6;box-shadow:var(--glow-card)}.social-card:hover:before{animation:gleam 2.2s linear infinite}.social-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#ffffffbf;transition:color .2s ease}.social-card-icon svg{width:100%;height:100%}.social-card:hover .social-card-icon{color:#fff}.social-card-name{font-size:1rem;font-weight:700;letter-spacing:.04em}.timeline-section{width:100%;position:relative}.timeline{position:relative;margin-top:40px}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translate(-50%);background:#ffffffd1;box-shadow:0 0 10px #ffffff59,0 0 26px #ffffff3d,0 0 54px #ffffff29}.timeline:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:12px;transform:translate(-50%);background:linear-gradient(to top,transparent 0%,transparent 34%,rgba(255,255,255,.18) 42%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.18) 58%,transparent 66%,transparent 100%);background-size:100% 240px;background-repeat:repeat-y;filter:blur(1.5px);opacity:.95;animation:timelineEnergyFlow 4s linear infinite;pointer-events:none}@keyframes timelineEnergyFlow{0%{background-position:0 240px}to{background-position:0 -240px}}.timeline-item{position:relative;display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;margin:46px 0;min-height:120px}.timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 10px #ffffff47,0 0 24px #fff3,0 0 44px #ffffff1f;filter:blur(.3px);animation:timelineNodePulse 4s ease-in-out infinite;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.timeline-dot:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 35%,transparent 75%);filter:blur(3px);opacity:.9;pointer-events:none}.timeline-item:nth-child(1) .timeline-dot{animation-delay:0s}.timeline-item:nth-child(2) .timeline-dot{animation-delay:-.5s}.timeline-item:nth-child(3) .timeline-dot{animation-delay:-1s}.timeline-item:nth-child(4) .timeline-dot{animation-delay:-1.5s}.timeline-item:nth-child(5) .timeline-dot{animation-delay:-2s}.timeline-item:nth-child(6) .timeline-dot{animation-delay:-2.5s}.timeline-item:nth-child(7) .timeline-dot{animation-delay:-3s}.timeline-item:nth-child(8) .timeline-dot{animation-delay:-3.5s}@keyframes timelineNodePulse{0%,to{background:#ffffffc7;box-shadow:0 0 8px #fff3,0 0 18px #ffffff24,0 0 32px #ffffff1a}45%{background:#ffffffe0;box-shadow:0 0 12px #ffffff4d,0 0 26px #ffffff38,0 0 48px #ffffff24}50%{background:#fff;box-shadow:0 0 18px #ffffff7a,0 0 38px #ffffff57,0 0 70px #fff3}55%{background:#ffffffe6;box-shadow:0 0 14px #ffffff57,0 0 28px #ffffff3d,0 0 52px #ffffff26}}.timeline-item:hover .timeline-dot{transform:translate(-50%,-50%) scale(1.45);box-shadow:0 0 16px #ffffff8f,0 0 34px #fff6,0 0 72px #ffffff42}.timeline-card{position:relative;padding:22px 20px;max-width:360px;background:#080a1ccc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-rest);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.timeline-card:after{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.timeline-card:hover{transform:translateY(-3px);background:#0e122ae6;box-shadow:var(--glow-panel)}.timeline-card:hover:after{animation:gleam 2.2s linear infinite}.timeline-item.left .timeline-card{grid-column:1;text-align:right;margin-left:auto}.timeline-item.right .timeline-card{grid-column:3;margin-right:auto}.timeline-date{display:block;font-size:.9rem;color:#ffffff8c;margin-bottom:6px}.timeline-item-title{margin-bottom:8px;color:#fff;font-size:1.05rem;font-weight:700}.timeline-description{color:#ffffffc2;line-height:1.65}.timeline-link{display:inline-block;margin-top:12px;font-size:.92rem;font-weight:600;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:2px;transition:color .2s ease,border-color .2s ease,text-shadow .2s ease}.timeline-link:hover{color:#fff;border-color:#ffffff61;text-shadow:0 0 8px rgba(255,255,255,.18)}@media(max-width:768px){.timeline:before,.timeline:after{left:20px;transform:none}.timeline-item{grid-template-columns:40px 1fr;min-height:unset}.timeline-card{grid-column:2!important;text-align:left!important;max-width:none}.timeline-dot{left:20px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;width:60%;height:90%;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:modal-appear .25s ease-out}.certificate-viewer{flex:1;width:100%;border:none}@keyframes modal-appear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){.modal-content{width:80%;height:80%}}.education-section{width:100%}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.education-card{position:relative;display:flex;flex-direction:column;min-height:240px;padding:24px 22px 22px;background:#080a1ccc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-rest);overflow:hidden;transition:box-shadow .25s ease,background .25s ease,border-color .25s ease,transform .25s ease}.education-card:after{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.education-card:hover{background:#0e122ae6;transform:translateY(-3px);box-shadow:var(--glow-panel)}.education-card:hover:after{animation:gleam 2.2s linear infinite}.education-card--certificate{border-left:2px solid rgba(255,255,255,.24)}.education-card-title{margin:0 0 10px;color:#fff;font-size:1.05rem;font-weight:700}.education-card-text{margin:0;line-height:1.65;color:#ffffffc7}.education-card-meta{display:inline-block;margin-top:10px;color:#ffffff94;font-size:.95rem}.education-card-button{margin-top:auto;align-self:flex-start;padding:10px 14px;background:#080a1cc7;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:600;cursor:pointer;box-shadow:var(--shadow-rest);transition:transform .2s ease,box-shadow .25s ease,background .25s ease}.education-card-button:hover{transform:scale(1.03);background:#ffffff1a;box-shadow:var(--glow-panel)}@media(max-width:900px){.education-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.education-grid{grid-template-columns:1fr}.education-card{min-height:unset}}.philosophy-list{display:flex;flex-direction:column;gap:28px}.philosophy-card{position:relative;width:100%;padding:28px 26px;background:#080a1ccc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-left:2px solid rgba(255,255,255,.22);box-shadow:var(--shadow-rest);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.philosophy-card:after{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.philosophy-card:hover{transform:translateY(-4px);background:#0e122ae6;box-shadow:var(--glow-panel)}.philosophy-card:hover:after{animation:gleam 2.2s linear infinite}.philosophy-card h3{margin-bottom:12px;color:#fff;font-size:1.15rem;font-weight:700}.philosophy-card p{line-height:1.75;color:#ffffffc7}.interests-section{width:100%}.interests-list{display:flex;flex-direction:column;gap:28px;margin-top:40px}.interest-panel{position:relative;display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:stretch;padding:18px;background:#080a1ccc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-rest);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.interest-panel:after{content:"";position:absolute;inset:0;-webkit-mask-image:var(--gleam-mask);mask-image:var(--gleam-mask);background:var(--gleam-bg);transform:translate(-120%);pointer-events:none}.interest-panel:hover{transform:translateY(-4px);background:#0e122ae6;box-shadow:var(--glow-panel)}.interest-panel:hover:after{animation:gleam 2.2s linear infinite}.interest-visual{position:relative;min-height:150px;display:flex;align-items:end;justify-content:start;padding:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff03),#ffffff05;border:1px solid rgba(255,255,255,.1);box-shadow:inset 1px 1px #ffffff1a,0 8px 18px #ffffff0a;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.interest-visual-label{position:relative;z-index:1;display:inline-block;padding:6px 10px;background:#00000073;border:1px solid rgba(255,255,255,.2);color:#ffffffe0;font-size:.85rem;font-weight:700;letter-spacing:.04em}.interest-content{display:flex;flex-direction:column;justify-content:center}.interest-title{margin:0 0 12px;color:#fff;font-size:1.15rem;font-weight:700}.interest-description{margin:0;line-height:1.75;color:#ffffffc7}.interest-panel:nth-child(1) .interest-visual{background-image:url(/pictures/hiking.png)}.interest-panel:nth-child(2) .interest-visual{background-image:url(/pictures/tau.png)}.interest-panel:nth-child(3) .interest-visual{background-image:url(/pictures/wadoryu_flag.svg)}@media(max-width:800px){.interest-panel{grid-template-columns:1fr;gap:18px}.interest-visual{min-height:180px}}.layout{display:flex}.main-content{margin-left:220px;width:calc(100% - 220px);min-height:100vh}@media(max-width:768px){.main-content{margin-left:0!important;width:100%!important;padding-top:56px;overflow-x:hidden}.main-section{padding:40px 16px;max-width:100%;overflow-x:hidden}}.main-section{width:100%;max-width:720px;margin:0 auto;padding:60px 24px;opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.main-section.reveal-visible{opacity:1;transform:translateY(0)}.section-title{margin-top:0;margin-bottom:28px;text-align:center}:root{--bg-primary: #08091e;--bg-secondary: #0d0f28;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--border-primary: rgba(255, 255, 255, .18);--border-strong: rgba(255, 255, 255, .35);--accent: #ffffff;--box-shadow: 0 10px 24px rgba(255, 255, 255, .14), 0 0 14px rgba(255, 255, 255, .18), 0 0 34px rgba(255, 255, 255, .14);--box-shadow-hover: 0 18px 44px rgba(255, 255, 255, .2), 0 0 28px rgba(255, 255, 255, .28), 0 0 80px rgba(255, 255, 255, .2);--card-shadow-soft: 0 8px 20px rgba(255, 255, 255, .08);--gleam-bg: linear-gradient( 120deg, transparent, rgba(255, 255, 255, .08) 50%, transparent );--gleam-mask: linear-gradient( to right, transparent, white 15%, white 85%, transparent );--shadow-rest: inset 0 0 14px rgba(255, 255, 255, .06), 0 12px 28px rgba(255, 255, 255, .08), 0 0 20px rgba(255, 255, 255, .07);--glow-card: inset 0 0 22px rgba(255, 255, 255, .1), 0 16px 34px rgba(255, 255, 255, .1), 0 0 28px rgba(255, 255, 255, .1);--glow-panel: inset 0 0 22px rgba(255, 255, 255, .1), 0 16px 34px rgba(255, 255, 255, .1), 0 0 28px rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;max-width:100%;overflow-x:hidden}body{font-family:system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary)}@keyframes gleam{0%{transform:translate(-120%)}to{transform:translate(120%)}}