:root{--color-bg:#0b1f2a;--color-bg-secondary:#121417;--color-bg-card:#1a2533;--color-bg-card-hover:#1e2d3d;--color-text-primary:#f5f5f2;--color-text-secondary:#a0a4a8;--color-text-tertiary:#6e6e73;--color-accent:#c6a86b;--color-accent-hover:#b8954f;--color-accent-purple:#c6a86b;--color-accent-green:#c6a86b;--color-accent-orange:#c6a86b;--color-accent-pink:#c6a86b;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-glass:#ffffff08;--gradient-text:linear-gradient(135deg,#f5f5f2,#c6a86b);--gradient-accent:linear-gradient(135deg,#c6a86b,#b8954f);--gradient-warm:linear-gradient(135deg,#c6a86b,#d4bc8a);--gradient-cool:linear-gradient(135deg,#c6a86b,#d4bc8a);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:48px;--spacing-xl:80px;--spacing-2xl:120px;--transition-fast:0.2s cubic-bezier(0.25,0.46,0.45,0.94);--transition-smooth:0.4s cubic-bezier(0.25,0.46,0.45,0.94);--transition-spring:0.6s cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#0b1f2a;background-color:var(--color-bg);color:#f5f5f2;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);line-height:1.6;overflow-x:hidden}::selection{background:#2997ff4d;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}a{color:#c6a86b;color:var(--color-accent);text-decoration:none;transition:color .2s cubic-bezier(.25,.46,.45,.94);transition:color var(--transition-fast)}a:hover{color:#b8954f;color:var(--color-accent-hover)}img{display:block;height:auto;max-width:100%}.section-padding{padding:120px 48px;padding:var(--spacing-2xl) var(--spacing-lg)}.container{margin:0 auto;max-width:1200px;padding:0 24px;padding:0 var(--spacing-md)}@media (max-width:768px){.section-padding{padding:80px 24px;padding:var(--spacing-xl) var(--spacing-md)}}.sidebar{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#0b1f2af2;border-right:1px solid var(--color-border);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;padding:20px 12px;position:fixed;top:0;transition:width .3s ease;width:220px;z-index:1000}.sidebar--collapsed{width:64px}.sidebar::-webkit-scrollbar{width:0}.sidebar__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px;padding:4px 4px 20px}.sidebar__logo{align-items:center;color:var(--color-text-primary);display:flex;gap:10px;text-decoration:none}.sidebar__logo-dot{background:var(--gradient-accent);border-radius:50%;flex-shrink:0;height:10px;width:10px}.sidebar__logo-text{color:var(--color-text-primary);font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.sidebar__collapse-btn{background:none;border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;padding:4px;transition:all var(--transition-fast)}.sidebar__collapse-btn:hover{background:#ffffff0d;color:var(--color-text-primary)}.sidebar__nav{display:flex;flex:1 1;flex-direction:column;gap:2px}.sidebar__link{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:.82rem;font-weight:500;gap:12px;overflow:hidden;padding:10px 12px;position:relative;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.sidebar__link:hover{background:#ffffff0a;color:var(--color-text-primary)}.sidebar__link--active{background:#c6a86b14;color:var(--color-accent)}.sidebar__link-icon{flex-shrink:0}.sidebar__link-label{flex:1 1;overflow:hidden;text-overflow:ellipsis}.sidebar__link-indicator{background:var(--color-accent);border-radius:0 3px 3px 0;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar__footer{border-top:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-top:16px;padding-top:16px}.sidebar__edit-badge{align-items:center;background:#30d15814;border-radius:var(--radius-sm);color:#30d158;display:flex;font-size:.75rem;font-weight:600;gap:8px;overflow:hidden;padding:8px 12px;white-space:nowrap}.sidebar__edit-dot{animation:pulse 2s ease-in-out infinite;background:#30d158;border-radius:50%;flex-shrink:0;height:8px;width:8px}.sidebar__auth-btn{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.8rem;font-weight:500;gap:10px;overflow:hidden;padding:10px 12px;transition:all var(--transition-fast);white-space:nowrap}.sidebar__auth-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.sidebar__auth-btn--login{border-color:var(--color-accent);color:var(--color-accent)}.sidebar__auth-btn--login:hover{background:#c6a86b1a}.sidebar__mobile-toggle{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0b1f2ae6;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:none;height:44px;justify-content:center;left:16px;position:fixed;top:16px;width:44px;z-index:1001}.sidebar__overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:999}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease;width:260px}.sidebar--open{transform:translateX(0)}.sidebar--collapsed{width:260px}.sidebar__mobile-toggle{display:flex}.sidebar__overlay{display:block}.sidebar__collapse-btn{display:none}}.login-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:10000}.login-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:380px;padding:40px 32px;position:relative;text-align:center;width:100%}.login-modal--shake{animation:shakeModal .5s ease-in-out}@keyframes shakeModal{0%,to{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}.login-modal__close{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;position:absolute;right:16px;top:16px;transition:color var(--transition-fast)}.login-modal__close:hover{color:var(--color-text-primary)}.login-modal__icon{align-items:center;background:#c6a86b1a;border-radius:50%;color:var(--color-accent);display:inline-flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.login-modal__title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.login-modal__subtitle{color:var(--color-text-tertiary);font-size:.85rem;margin-bottom:24px}.login-modal__form{display:flex;flex-direction:column;gap:12px}.login-modal__input-wrap{position:relative}.login-modal__input{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;outline:none;padding:14px 18px;transition:all var(--transition-fast);width:100%}.login-modal__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c6a86b26}.login-modal__input--error{border-color:#ff375f}.login-modal__error{color:#ff375f;font-size:.8rem;margin-top:-4px}.login-modal__btn{background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-primary);font-size:.95rem;font-weight:600;padding:14px 24px;transition:all var(--transition-smooth)}.login-modal__btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.editable-field__wrapper{display:inline;position:relative}.editable-field__wrapper--active{cursor:default}.editable-field__wrapper--active:hover .editable-field__edit-btn{opacity:1}.editable-field__edit-btn{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:22px;justify-content:center;opacity:0;position:absolute;right:-28px;top:-6px;transition:all var(--transition-fast);width:22px;z-index:10}.editable-field__edit-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.editable-field__edit-btn--saved{background:#30d158;border-color:#30d158;color:#fff;opacity:1}.editable-field__editing{display:flex;flex-direction:column;gap:8px;width:100%}.editable-field__input,.editable-field__textarea{background:#c6a86b0d;border:2px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:0 0 0 4px #c6a86b1a;color:var(--color-text-primary);font-family:var(--font-primary);font-size:inherit;outline:none;padding:10px 14px;transition:all var(--transition-fast);width:100%}.editable-field__textarea{line-height:1.7;min-height:80px;resize:vertical}.editable-field__input:focus,.editable-field__textarea:focus{box-shadow:0 0 0 4px #c6a86b33}.editable-field__actions{display:flex;flex-wrap:wrap;gap:6px}.editable-field__btn{align-items:center;border:1px solid var(--color-border);border-radius:100px;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:.75rem;font-weight:600;gap:4px;padding:6px 14px;transition:all var(--transition-fast)}.editable-field__btn--save{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.editable-field__btn--save:hover{background:var(--color-accent-hover)}.editable-field__btn--cancel{background:var(--color-bg-card);color:var(--color-text-secondary)}.editable-field__btn--cancel:hover{background:var(--color-bg-card-hover)}.editable-field__btn--reset{background:#0000;border-color:#0000;color:var(--color-text-tertiary);font-size:.7rem}.editable-field__btn--reset:hover{color:#ff375f}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-2xl) var(--spacing-md);position:relative}.hero__orbs{inset:0;overflow:hidden;position:absolute;z-index:0}.hero__orb{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.hero__orb--1{animation-delay:0s;background:#2997ff26;height:600px;right:-100px;top:-200px;width:600px}.hero__orb--2{animation-delay:-7s;background:#bf5af21f;bottom:-150px;height:500px;left:-100px;width:500px}.hero__orb--3{animation-delay:-14s;background:#30d15814;height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(15px,30px) scale(1.05)}}.hero__grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:60px 60px;inset:0;mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,#0000 70%);position:absolute;z-index:0}.hero__content{max-width:900px;position:relative;text-align:center;z-index:1}.hero__badge{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-glass);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:var(--spacing-lg);padding:8px 20px}.hero__badge-dot{animation:pulse 2s ease-in-out infinite;background:var(--color-accent-green);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #30d15866;opacity:1}50%{box-shadow:0 0 0 8px #30d15800;opacity:.8}}.hero__title{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#fff9);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:var(--spacing-md)}.hero__title-highlight{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--color-text-secondary);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;letter-spacing:-.01em;line-height:1.6;margin:0 auto var(--spacing-lg);max-width:600px}.hero__actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.hero__btn{align-items:center;border-radius:100px;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;letter-spacing:-.01em;padding:14px 32px;transition:all var(--transition-smooth)}.hero__btn--primary{background:var(--color-accent);color:#fff}.hero__btn--primary:hover{background:var(--color-accent-hover);box-shadow:0 8px 30px #2997ff4d;color:#fff;transform:translateY(-2px)}.hero__btn--secondary{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-glass);border:1px solid var(--color-border);color:var(--color-text-primary)}.hero__btn--secondary:hover{background:var(--color-glass-hover);border-color:var(--color-border-hover);color:var(--color-text-primary);transform:translateY(-2px)}.hero__scroll{align-items:center;bottom:40px;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:12px;left:50%;letter-spacing:.1em;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.hero__scroll-indicator{border:2px solid var(--color-border);border-radius:12px;display:flex;height:40px;justify-content:center;position:relative;width:24px}.hero__scroll-dot{animation:scrollBounce 2s ease-in-out infinite;background:var(--color-text-tertiary);border-radius:2px;height:8px;margin-top:6px;width:4px}@keyframes scrollBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(12px)}}@media (max-width:768px){.hero{padding-top:120px}.hero__scroll{display:none}}.section-label{color:var(--color-accent);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.15em;margin-bottom:16px;text-transform:uppercase}.section-title{color:var(--color-text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--spacing-xl)}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.about__header{text-align:center}.about__grid,.about__header{margin-bottom:var(--spacing-xl)}.about__grid{grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.about__image-wrapper{position:relative}.about__image{aspect-ratio:4/5;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;width:100%}.about__image-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.875rem;gap:16px;height:100%;justify-content:center;width:100%}.about__image img{height:100%;object-fit:cover;width:100%}.about__image-glow{background:var(--gradient-accent);border-radius:var(--radius-xl);filter:blur(40px);inset:-20px;opacity:.05;position:absolute;z-index:-1}.about__content{display:flex;flex-direction:column;gap:24px}.about__text{color:var(--color-text-secondary);font-size:1.1rem;letter-spacing:-.01em;line-height:1.8}.about__details{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px;padding-top:16px}.about__detail{display:flex;gap:24px}.about__detail-label{color:var(--color-text-tertiary);font-size:.875rem;font-weight:600;letter-spacing:.05em;min-width:100px;text-transform:uppercase}.about__detail-value{color:var(--color-text-primary);font-size:.95rem}.about__stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.about__stat{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md);text-align:center;transition:all var(--transition-smooth)}.about__stat:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.about__stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.about__stat-label{color:var(--color-text-tertiary);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}@media (max-width:768px){.about__grid{gap:var(--spacing-lg);grid-template-columns:1fr}.about__image{margin:0 auto;max-width:300px}.about__stats{grid-template-columns:repeat(2,1fr)}}.biography__header{margin-bottom:var(--spacing-xl);text-align:center}.biography__layout{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:280px 1fr}.biography__nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:100px}.biography__nav-item{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:var(--font-primary);gap:16px;padding:16px 20px;text-align:left;transition:all var(--transition-smooth)}.biography__nav-item:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.biography__nav-item--active{background:var(--color-bg-card-hover);border-color:var(--color-accent)}.biography__nav-number{color:var(--color-accent);flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.05em}.biography__nav-title{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:600;letter-spacing:-.01em}.biography__nav-period{color:var(--color-text-tertiary);display:block;font-size:.75rem;margin-top:2px}.biography__content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:400px;padding:var(--spacing-lg)}.biography__image{aspect-ratio:21/9;background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;width:100%}.biography__image img{height:100%;object-fit:cover;width:100%}.biography__chapter-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.biography__chapter-period{color:var(--color-accent);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-md);text-transform:uppercase}.biography__text p{color:var(--color-text-secondary);font-size:1.05rem;letter-spacing:-.01em;line-height:1.9;margin-bottom:16px}.biography__text p:last-child{margin-bottom:0}@media (max-width:768px){.biography__layout{grid-template-columns:1fr}.biography__nav{flex-direction:row;gap:8px;overflow-x:auto;padding-bottom:8px;position:static}.biography__nav-item{flex-shrink:0;padding:12px 16px}.biography__content{padding:var(--spacing-md)}}.quotes__header{text-align:center}.quotes__grid,.quotes__header{margin-bottom:var(--spacing-xl)}.quotes__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.quotes__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-smooth)}.quotes__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.quotes__mark{font-size:4rem;font-weight:800;line-height:1;margin-bottom:-8px;opacity:.3}.quotes__text{color:var(--color-text-primary);font-size:1.1rem;font-style:italic;letter-spacing:-.01em;line-height:1.8;margin-bottom:16px}.quotes__author{color:var(--color-text-tertiary);font-size:.85rem;font-weight:600}.quotes__glow{border-radius:50%;bottom:-40px;filter:blur(50px);height:150px;opacity:.03;pointer-events:none;position:absolute;right:-40px;width:150px}.quotes__card:hover .quotes__glow{opacity:.08}.quotes__writeups{margin:0 auto;max-width:800px}.quotes__writeups-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}.quotes__writeup{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:16px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-smooth)}.quotes__writeup:hover{border-color:var(--color-border-hover)}.quotes__writeup-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quotes__writeup-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.quotes__writeup-date{color:var(--color-text-tertiary);font-size:.75rem}.quotes__writeup-content{color:var(--color-text-secondary);font-size:.95rem;line-height:1.8}@media (max-width:768px){.quotes__grid{grid-template-columns:1fr}.quotes__writeup{padding:var(--spacing-md)}}.stories__header{margin-bottom:var(--spacing-xl);text-align:center}.stories__tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:var(--spacing-lg)}.stories__tab{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.85rem;font-weight:500;gap:8px;padding:12px 22px;transition:all var(--transition-smooth)}.stories__tab:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.stories__tab--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.stories__tab-icon{font-size:1rem}.stories__description{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg);text-align:center}.stories__list{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:800px}.stories__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-smooth)}.stories__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.stories__card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.stories__card-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.stories__card-date{color:var(--color-accent);font-size:.75rem;font-weight:600}.stories__card-toggle{color:var(--color-text-tertiary);flex-shrink:0;font-size:1.5rem;font-weight:300;line-height:1}.stories__card-preview{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.stories__card--expanded .stories__card-preview{display:none}.stories__card-full{border-top:1px solid var(--color-border);margin-top:16px;overflow:hidden;padding-top:16px}.stories__card-full p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.9}.stories__card-image{border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden;width:100%}.stories__card-image img{height:auto;object-fit:cover;width:100%}.stories__empty{background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.stories__empty-icon{display:block;font-size:3rem;margin-bottom:16px;opacity:.5}.stories__empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:8px}.stories__empty p{color:var(--color-text-tertiary);font-size:.9rem}@media (max-width:768px){.stories__tab-label{display:none}.stories__tab-icon{font-size:1.3rem}.stories__card{padding:var(--spacing-md)}}.skills__header{margin-bottom:var(--spacing-xl);text-align:center}.skills__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.skills__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-smooth)}.skills__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.skills__card-icon{font-size:2rem;margin-bottom:16px}.skills__card-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.skills__tags{display:flex;flex-wrap:wrap;gap:8px}.skills__tag{background:#ffffff0d;border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;padding:6px 14px;transition:all var(--transition-fast)}.skills__card:hover .skills__tag{background:#ffffff14;border-color:var(--color-border-hover)}.skills__card-glow{border-radius:50%;filter:blur(60px);height:200px;opacity:.03;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:opacity var(--transition-smooth);width:200px}.skills__card:hover .skills__card-glow{opacity:.08}@media (max-width:768px){.skills__grid{grid-template-columns:1fr}}.projects__header{margin-bottom:var(--spacing-xl);text-align:center}.projects__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.projects__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all var(--transition-smooth)}.projects__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:inherit}.projects__card-preview{aspect-ratio:16/10;overflow:hidden;position:relative;width:100%}.projects__card-gradient{inset:0;opacity:.15;position:absolute;transition:opacity var(--transition-smooth)}.projects__card:hover .projects__card-gradient{opacity:.25}.projects__card-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:12px;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.projects__card-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)}.projects__card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:700;justify-content:space-between;letter-spacing:-.02em;margin-bottom:8px}.projects__card-arrow{opacity:0;transform:translate(-4px,4px);transition:all var(--transition-fast)}.projects__card:hover .projects__card-arrow{opacity:1;transform:translate(0)}.projects__card-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:16px}.projects__card-tags{display:flex;flex-wrap:wrap;gap:8px}.projects__card-tag{background:#ffffff0d;border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;padding:4px 12px}@media (max-width:768px){.projects__grid{grid-template-columns:1fr}}.experience__header{margin-bottom:var(--spacing-xl);text-align:center}.experience__timeline{margin:0 auto;max-width:800px;padding-left:40px;position:relative}.experience__timeline:before{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-purple),#0000);bottom:8px;content:"";left:8px;position:absolute;top:8px;width:1px}.experience__item{padding-bottom:var(--spacing-lg);position:relative}.experience__item:last-child{padding-bottom:0}.experience__dot{background:var(--color-accent);border:3px solid var(--color-bg);border-radius:50%;box-shadow:0 0 0 3px #2997ff33;height:12px;left:-36px;position:absolute;top:8px;width:12px}.experience__content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-smooth)}.experience__content:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateX(4px)}.experience__meta{margin-bottom:8px}.experience__period{color:var(--color-accent);font-size:.8rem;font-weight:600;letter-spacing:.05em}.experience__role{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.experience__company{color:var(--color-text-tertiary);font-size:.95rem;margin-bottom:12px}.experience__desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:16px}.experience__tags{display:flex;flex-wrap:wrap;gap:8px}.experience__tag{background:#ffffff0d;border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;padding:4px 12px}@media (max-width:768px){.experience__content{padding:var(--spacing-md)}}.memories__header{margin-bottom:var(--spacing-lg);text-align:center}.memories__tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:var(--spacing-lg)}.memories__tab{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.9rem;font-weight:500;gap:8px;letter-spacing:-.01em;padding:12px 24px;transition:all var(--transition-smooth)}.memories__tab:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.memories__tab--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.memories__tab--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.memories__tab-icon{font-size:1.1rem;line-height:1}.memories__tab-label{line-height:1}.memories__tab-count{background:#ffffff26;border-radius:100px;font-size:.7rem;font-weight:700;line-height:1.4;padding:2px 8px}.memories__tab--active .memories__tab-count{background:#ffffff40}.memories__content{min-height:400px}.memories__description{color:var(--color-text-tertiary);font-size:1rem;margin-bottom:var(--spacing-lg);text-align:center}.memories__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.memories__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-smooth)}.memories__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:0 20px 60px #0000004d}.memories__card-image{aspect-ratio:4/3;background:var(--color-bg-secondary);overflow:hidden;width:100%}.memories__card-image img{height:100%;object-fit:cover;transition:transform var(--transition-smooth);width:100%}.memories__card:hover .memories__card-image img{transform:scale(1.05)}.memories__card-info{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.memories__card-caption{color:var(--color-text-primary);font-size:.9rem;font-weight:500;letter-spacing:-.01em}.memories__card-year{background:#ffffff0d;border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-tertiary);flex-shrink:0;font-size:.7rem;font-weight:600;padding:4px 10px}.memories__empty{align-items:center;background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.memories__empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.memories__empty-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.memories__empty-text{color:var(--color-text-tertiary);font-size:.9rem;line-height:1.7}.memories__empty-text em{background:#2997ff14;border:1px solid #2997ff26;border-radius:var(--radius-sm);color:var(--color-accent);display:inline-block;font-size:.8rem;font-style:normal;margin-top:8px;padding:6px 14px}@media (max-width:768px){.memories__tabs{gap:8px}.memories__tab{font-size:.8rem;padding:10px 16px}.memories__tab-label{display:none}.memories__tab-icon{font-size:1.3rem}.memories__grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.collection3d__header{margin-bottom:var(--spacing-xl);text-align:center}.collection3d__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.collection3d__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-smooth)}.collection3d__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:0 20px 60px #0000004d}.collection3d__card-image{aspect-ratio:1/1;background:var(--color-bg-secondary);overflow:hidden;width:100%}.collection3d__card-image img{height:100%;object-fit:cover;transition:transform var(--transition-smooth);width:100%}.collection3d__card:hover .collection3d__card-image img{transform:scale(1.05)}.collection3d__card-info{padding:20px}.collection3d__card-info h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:6px}.collection3d__card-info p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:8px}.collection3d__card-year{color:var(--color-text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.collection3d__empty{background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.collection3d__empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.collection3d__empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:8px}.collection3d__empty p{color:var(--color-text-tertiary);font-size:.9rem}.letters__header{margin-bottom:var(--spacing-xl);text-align:center}.letters__subtitle{color:var(--color-text-tertiary);font-size:1rem;margin:0 auto;max-width:500px}.letters__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:900px}.letters__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-smooth)}.letters__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.letters__card-envelope{color:var(--color-accent);margin-bottom:16px;opacity:.6}.letters__card-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.letters__card-from{color:var(--color-text-primary);font-size:1rem;font-weight:700}.letters__card-date{color:var(--color-text-tertiary);font-size:.75rem}.letters__card-preview{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;line-height:1.6}.letters__card-full{border-top:1px solid var(--color-border);margin-top:16px;overflow:hidden;padding-top:16px}.letters__card-content{color:var(--color-text-secondary);font-size:.95rem;line-height:1.9;white-space:pre-line}.letters__card-image{border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden;width:100%}.letters__card-image img{height:auto;width:100%}.letters__card-toggle{color:var(--color-accent);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-top:16px}.letters__empty{background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl);margin:0 auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.letters__empty-icon{color:var(--color-text-tertiary);margin-bottom:16px;opacity:.3}.letters__empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:8px}.letters__empty p{color:var(--color-text-tertiary);font-size:.9rem}@media (max-width:768px){.letters__grid{grid-template-columns:1fr}.letters__card{padding:var(--spacing-md)}}.art__header{margin-bottom:var(--spacing-xl);text-align:center}.art__filters{display:flex;gap:8px;justify-content:center;margin-bottom:var(--spacing-lg)}.art__filter{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-primary);font-size:.85rem;font-weight:500;padding:10px 22px;transition:all var(--transition-smooth)}.art__filter:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.art__filter--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.art__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.art__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-smooth)}.art__card:hover{border-color:var(--color-border-hover);box-shadow:0 20px 60px #0000004d}.art__card-image{aspect-ratio:3/4;background:var(--color-bg-secondary);overflow:hidden;width:100%}.art__card-image img{height:100%;object-fit:cover;transition:transform var(--transition-smooth);width:100%}.art__card:hover .art__card-image img{transform:scale(1.05)}.art__card-info{padding:16px 20px}.art__card-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:6px}.art__card-meta{color:var(--color-text-tertiary);display:flex;font-size:.75rem;gap:12px}.art__empty{background:var(--color-bg-card);border:2px dashed var(--color-border);border-radius:var(--radius-xl);margin:0 auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.art__empty-icon{color:var(--color-text-tertiary);margin-bottom:16px;opacity:.3}.art__empty h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:8px}.art__empty p{color:var(--color-text-tertiary);font-size:.9rem}@media (max-width:768px){.art__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.gallery__header{margin-bottom:var(--spacing-xl);text-align:center}.gallery__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.gallery__item{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-smooth)}.gallery__item--wide{grid-column:span 2}.gallery__item:hover{border-color:var(--color-border-hover)}.gallery__item-bg{inset:0;opacity:.15;position:absolute;transition:opacity var(--transition-smooth)}.gallery__item:hover .gallery__item-bg{opacity:.3}.gallery__item-placeholder{align-items:center;color:var(--color-text-tertiary);display:flex;inset:0;justify-content:center;opacity:.3;position:absolute}.gallery__item-overlay{background:linear-gradient(#0000,#000c);bottom:0;left:0;padding:24px;position:absolute;right:0;transform:translateY(100%);transition:transform var(--transition-smooth)}.gallery__item:hover .gallery__item-overlay{transform:translateY(0)}.gallery__item-category{color:var(--color-accent);display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.gallery__item-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em}@media (max-width:768px){.gallery__grid{grid-template-columns:repeat(2,1fr)}.gallery__item--wide{grid-column:span 2}.gallery__item-overlay{transform:translateY(0)}}@media (max-width:480px){.gallery__grid{grid-template-columns:1fr}.gallery__item--wide{grid-column:span 1}}.contact__header{margin-bottom:var(--spacing-xl);text-align:center}.contact__subtitle{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:500px}.contact__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}.contact__card{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);display:flex;gap:16px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-smooth)}.contact__card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.contact__card-icon{align-items:center;background:#ffffff0d;border-radius:var(--radius-sm);color:var(--color-accent);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.contact__card-label{color:var(--color-text-tertiary);display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:2px;text-transform:uppercase}.contact__card-value{color:var(--color-text-primary);display:block;font-size:.95rem;font-weight:500}.contact__card-arrow{color:var(--color-text-tertiary);flex-shrink:0;margin-left:auto;opacity:0;transform:translate(-4px,4px);transition:all var(--transition-fast)}.contact__card:hover .contact__card-arrow{opacity:1;transform:translate(0)}.contact__cta{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center}.contact__cta-orb{background:var(--gradient-accent);border-radius:50%;filter:blur(80px);height:400px;left:50%;opacity:.05;pointer-events:none;position:absolute;top:-100px;transform:translateX(-50%);width:400px}.contact__cta-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;position:relative}.contact__cta-text{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-md);position:relative}.contact__cta-btn{align-items:center;background:var(--color-accent);border-radius:100px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 36px;position:relative;transition:all var(--transition-smooth)}.contact__cta-btn:hover{background:var(--color-accent-hover);box-shadow:0 8px 30px #2997ff4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.contact__grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer__content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.footer__brand{max-width:300px}.footer__logo{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:10px;letter-spacing:-.02em;margin-bottom:12px}.footer__logo-dot{background:var(--gradient-accent);border-radius:50%;display:inline-block;height:10px;width:10px}.footer__tagline{color:var(--color-text-tertiary);font-size:.9rem;line-height:1.6}.footer__links{display:flex;flex-wrap:wrap;gap:24px}.footer__links a{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-text-primary)}.footer__bottom{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-tertiary);display:flex;font-size:.8rem;justify-content:space-between;padding-top:var(--spacing-md)}.footer__credit{font-style:italic}@media (max-width:768px){.footer__content{flex-direction:column;gap:var(--spacing-md)}.footer__bottom{flex-direction:column;gap:8px;text-align:center}}.App{background:var(--color-bg);display:flex}.App,.main-content{min-height:100vh;position:relative}.main-content{flex:1 1;margin-left:220px;transition:margin-left .3s ease}.main-content:before{background:radial-gradient(ellipse at 20% 50%,#c6a86b05 0,#0000 50%),radial-gradient(ellipse at 80% 20%,hsla(40,44%,60%,.015) 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#c6a86b03 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}.main-content>*{position:relative;z-index:1}@media (max-width:768px){.main-content{margin-left:0}}
/*# sourceMappingURL=main.a4e74475.css.map*/