:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: rgba(255, 255, 255, .05);--bg-card-hover: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #ffffff;--accent-gold: #fbbf24;--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(0, 0, 0, .7);--glass-blur: 10px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--container-padding: 2rem;--container-max: 1400px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}@media(max-width:768px){:root{--container-padding: 1rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;line-height:1.5;transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;max-width:100%;width:100%;position:relative}a{color:inherit;text-decoration:none}ul{list-style:none}img,video{max-width:100%;height:auto;display:block}.glass-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md)}.text-gradient{background:linear-gradient(to right,#fff,#a5a5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media(prefers-color-scheme:light){.text-gradient{background:linear-gradient(to right,#000,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.scroll-indicator{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.container{max-width:1280px;margin:0 auto;padding:0 var(--container-padding)}.section-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-fast);cursor:pointer;border:none;font-size:.9rem}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff3}@media(prefers-color-scheme:light){.btn-primary:hover{box-shadow:0 4px 12px #0003}}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#fff3}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-md) 0;transition:all var(--transition-base);background:#050505b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.navbar-logo{text-decoration:none}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-md)}.connect-btn{margin-left:2rem;padding:.6rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.connect-btn:hover{background:#ffffff1a;border-color:var(--text-primary);box-shadow:0 0 15px #ffffff1a}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}@media(max-width:768px){.nav-links{position:fixed;top:70px;left:0;right:0;background:var(--bg-primary);background:#050505f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:var(--spacing-2xl) var(--spacing-xl);gap:var(--spacing-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base);border-bottom:1px solid var(--glass-border)}.nav-links.active{transform:translateY(0);opacity:1;pointer-events:all}.mobile-menu-btn{display:block}}.footer{padding:5rem 0;border-top:1px solid var(--glass-border);background:var(--bg-secondary)}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem;padding-bottom:2rem;flex-wrap:wrap;gap:var(--spacing-xl)}.footer-brand{max-width:350px}.footer-logo{display:inline-block;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-md);color:var(--text-primary)}.footer-tagline{color:var(--text-secondary);font-size:1rem;line-height:1.6}.footer-social{display:flex;gap:1.25rem;align-items:center}.footer-social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);font-size:1.2rem;transition:all .3s ease}.footer-social-link:hover{background:var(--text-primary);color:var(--bg-primary);transform:scale(1.1);border-color:var(--text-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border);font-size:.85rem;color:var(--text-muted)}.admin-link{color:var(--text-muted);text-decoration:none;transition:opacity var(--transition-fast);opacity:.4;font-size:.75rem}.admin-link:hover{color:var(--text-primary);opacity:1}@media(max-width:768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-bottom{flex-direction:column;gap:var(--spacing-md)}}.profile-card{height:100%;display:flex;flex-direction:column;padding:var(--spacing-xl);gap:var(--spacing-lg);position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.profile-image-container{width:100%;aspect-ratio:1 / 1.2;border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--glass-border)}.profile-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform var(--transition-slow)}.profile-card:hover .profile-img{transform:scale(1.05)}.profile-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-name{font-size:1.75rem;font-weight:700;line-height:1.2}.profile-tagline{font-size:1rem;color:var(--text-secondary);line-height:1.5}.profile-subtext{font-size:.85rem;margin-bottom:var(--spacing-sm)}.profile-social{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);justify-content:flex-start}.profile-social-icon{width:40px;height:40px;flex-shrink:0;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);transition:all var(--transition-base);font-size:1.1rem}.profile-social-icon:hover{background:var(--hover-color, var(--text-primary));color:var(--bg-primary);transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}@media(max-width:768px){.profile-card{min-height:auto;padding:var(--spacing-md);gap:var(--spacing-md)}.profile-image-container{min-height:200px;max-height:280px}.profile-name{font-size:1.5rem}.profile-tagline{font-size:.9rem}.profile-subtext{font-size:.8rem}.profile-social{gap:var(--spacing-sm);justify-content:center}.profile-social-icon{width:36px;height:36px;font-size:1rem}}.resume-section{margin-top:var(--spacing-lg);width:100%;display:flex;justify-content:center}.google-doc-card{display:flex;flex-direction:column;width:100%;max-width:350px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:8px;text-decoration:none;overflow:hidden;transition:all var(--transition-base)}.google-doc-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--accent-primary)}.doc-preview{height:320px;background:#1a1a1a;display:flex;align-items:flex-start;justify-content:center;padding:20px 20px 0;position:relative;overflow:hidden}.doc-preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#1a1a1a);z-index:10;pointer-events:none}.doc-paper.pdf-container{background:#fff;width:100%;max-width:90%;box-shadow:0 -4px 20px #00000080;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;border-radius:4px 4px 0 0;height:100%}.pdf-container canvas{display:block!important;max-width:100%;height:auto!important;object-position:top center}.doc-info{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.05);z-index:20;position:relative}.doc-icon-small{color:#e53935;font-size:1rem;display:flex;align-items:center}.doc-title{font-size:.85rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expertise-card{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm);height:100%;align-items:center;text-align:center;transition:all var(--transition-base)}.expertise-card:hover{background:var(--bg-card-hover);transform:translateY(-5px)}.expertise-icon-wrapper{margin-bottom:var(--spacing-sm)}.expertise-icon{font-size:2rem;color:var(--accent-primary);background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}.expertise-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.expertise-subtitle{font-size:.85rem;color:var(--accent-gold);font-weight:500;margin-bottom:var(--spacing-xs)}.expertise-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}@media(max-width:768px){.expertise-card{padding:var(--spacing-md);gap:var(--spacing-sm)}.expertise-icon-wrapper{margin-bottom:var(--spacing-xs)}.expertise-icon{font-size:2rem;width:50px;height:50px}.expertise-title{font-size:.95rem}.expertise-subtitle{font-size:.8rem}.expertise-desc{font-size:.75rem}}.tech-stack-container{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.tech-header{margin-bottom:var(--spacing-sm)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--spacing-sm)}.tech-item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xs);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);text-align:center;min-height:100px}.tech-item-card:hover{background:#ffffff14;transform:translateY(-2px);border-color:#fff3}.tech-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.tech-icon-img{width:1.5rem;height:1.5rem;margin-bottom:var(--spacing-xs);object-fit:contain}.tech-name{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.2}.tech-cat{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;width:100%;overflow-wrap:break-word;word-wrap:break-word;line-height:1.1}@media(max-width:768px){.tech-stack-container{padding:var(--spacing-md);gap:var(--spacing-sm)}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:var(--spacing-xs)}.tech-item-card{padding:var(--spacing-sm) var(--spacing-xs)}.tech-icon{font-size:1.25rem}.tech-name{font-size:.65rem}.tech-cat{font-size:.55rem}}.bento-wrapper{width:100%;max-width:100%;overflow-x:hidden}.bento-grid-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-md);height:auto;min-height:600px;max-width:100%}.profile-column{height:100%}.content-column{display:flex;flex-direction:column;gap:var(--spacing-md)}.expertise-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.mini-stat-card{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.mini-stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.mini-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mini-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.skills-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.skills-card{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.skills-title{font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{font-size:.8rem;padding:.3rem .8rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);transition:all var(--transition-fast)}.skill-tag:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}@media(max-width:1024px){.bento-grid-layout{grid-template-columns:1fr;gap:var(--spacing-sm)}.profile-column{min-height:350px}.content-column{gap:var(--spacing-sm)}}@media(max-width:768px){.bento-grid-layout{gap:var(--spacing-sm)}.expertise-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.stats-row{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.skills-row{grid-template-columns:1fr}.mini-stat-card{padding:var(--spacing-sm)}.mini-stat-value{font-size:1.1rem}.mini-stat-label{font-size:.6rem}.profile-column{min-height:300px}}@media(max-width:480px){.stats-row{grid-template-columns:repeat(2,1fr)}.mini-stat-card{padding:var(--spacing-sm)}}.mini-stat-card{padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-base);gap:var(--spacing-sm)}.mini-stat-card.has-image{padding:var(--spacing-sm)}.stat-image-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xs);background:#fff;border-radius:var(--radius-sm);padding:5px}.stat-image{width:100%;height:100%;object-fit:contain}.stat-content{display:flex;flex-direction:column;align-items:center}.hero{min-height:100vh;display:flex;align-items:center;padding:var(--spacing-3xl) 0;padding-top:120px}.hero-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);width:100%}.hero-grid-wrapper{margin-bottom:var(--spacing-xl)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);color:var(--text-muted);font-size:.7rem;letter-spacing:.1em}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-muted),transparent)}@media(max-width:768px){.hero{min-height:auto;padding-top:100px;padding-bottom:var(--spacing-xl)}.hero-container{padding:0 var(--container-padding)}.scroll-indicator{margin-top:var(--spacing-lg)}.scroll-line{height:25px}}.about-section{padding:var(--spacing-3xl) 0;background:var(--bg-secondary)}.about-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.about-wrapper{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:start}.about-content-left{display:flex;flex-direction:column}.about-image-right{display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.image-frame-glass{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:#ffffff08;border:1px solid var(--glass-border);box-shadow:0 20px 40px #0003;transform:rotate(3deg);transition:transform .4s ease}.image-frame-glass:hover{transform:rotate(0) scale(1.02)}.image-frame-glass img{width:100%;height:100%;object-fit:cover}.section-tag{display:inline-block;color:var(--accent-primary);font-size:.85rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--spacing-sm);padding-left:3px}.about-title{font-size:3.5rem;line-height:1.1;font-weight:700;margin-bottom:var(--spacing-lg);background:linear-gradient(to bottom,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight{color:var(--accent-primary);-webkit-text-fill-color:var(--accent-primary)}.about-text{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem}.about-text p{margin-bottom:0}.about-text strong{color:var(--text-primary);font-weight:500}.about-text em{font-style:italic;color:var(--text-primary)}@media(max-width:968px){.about-wrapper{grid-template-columns:1fr;gap:2rem}.about-image-right{order:-1;padding-top:0}.image-frame-glass{max-width:300px;transform:rotate(0)}.about-title{font-size:2.5rem}}@media(max-width:768px){.about-section{padding:var(--spacing-2xl) 0}}.project-card{overflow:hidden;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.project-card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 25px 50px #0006}.project-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary);contain:layout}.project-video{width:100%;height:100%;object-fit:cover;transform:translateZ(0) scale(1);-webkit-transform:translateZ(0) scale(1);transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform;backface-visibility:hidden}.project-card:hover .project-video{transform:translateZ(0) scale(1.05)}.project-image,.project-media img:not(.project-thumbnail-overlay){width:100%;height:100%;object-fit:cover;transform:translateZ(0) scale(1);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-image,.project-card:hover .project-media img:not(.project-thumbnail-overlay){transform:translateZ(0) scale(1.05)}.project-thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:1;transition:opacity .5s cubic-bezier(.25,.46,.45,.94);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:opacity;backface-visibility:hidden;pointer-events:none}.project-thumbnail-overlay.hidden{opacity:0}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}.project-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:flex-end;padding:var(--spacing-lg);opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-overlay.visible{pointer-events:auto}.project-action-minimal{font-size:.9rem;font-weight:500;color:#fff;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50px;border:1px solid rgba(255,255,255,.1);transform:translateY(10px);transition:transform .3s ease}.project-card:hover .project-action-minimal{transform:translateY(0)}.project-action{display:none}.project-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.project-title{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-xs)}.project-tagline{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm)}.project-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;opacity:.9}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.project-tag{padding:.35rem .85rem;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3);border-radius:50px;font-size:.8rem;color:#a5b4fc;font-weight:500}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border)}.tech-item{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;background:#ffffff0d;border-radius:var(--radius-sm)}@media(max-width:768px){.project-card:hover{transform:none}.project-overlay.visible{opacity:1}.project-content{padding:var(--spacing-md)}.project-title{font-size:1.1rem}.project-tagline{font-size:.85rem}.project-description{font-size:.8rem}}@media(hover:none){.project-overlay{opacity:0}.project-overlay.visible{opacity:1}.project-thumbnail-overlay{transition:opacity .3s ease}}.video-modal-backdrop{position:fixed;inset:0;background:#000000eb;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);transform:translateZ(0);will-change:opacity}.video-modal{position:relative;width:100%;max-width:1200px;max-height:90vh;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;box-shadow:0 30px 100px #0009;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10;background:#0009;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateZ(0)}.modal-close:hover{background:#fff3;transform:scale(1.1) translateZ(0)}.video-player-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;cursor:pointer;transform:translateZ(0);contain:layout}.iframe-container{width:100%;height:100%}.modal-video,.modal-image{width:100%;height:100%;object-fit:contain;transform:translateZ(0);will-change:contents}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.play-button-large{width:80px;height:80px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--bg-primary);transition:all var(--transition-fast);box-shadow:0 4px 20px #0000004d}.play-button-large svg{margin-left:5px}.play-overlay:hover .play-button-large{transform:scale(1.1);background:#fff}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--spacing-md);opacity:0;transition:opacity var(--transition-base)}.video-controls.visible,.video-player-container:hover .video-controls{opacity:1}.progress-bar{width:100%;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;margin-bottom:var(--spacing-sm);transition:height var(--transition-fast)}.progress-bar:hover{height:6px}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .1s linear}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-right{display:flex;align-items:center;gap:var(--spacing-sm)}.control-btn{background:transparent;border:none;color:#fff;padding:var(--spacing-xs);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border-radius:var(--radius-sm)}.control-btn:hover{background:#ffffff1a}.time-display{font-size:.85rem;color:#ffffffe6;font-family:monospace}.modal-info{padding:var(--spacing-lg);flex-shrink:0}.modal-header{margin-bottom:var(--spacing-md)}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs)}.modal-tagline{color:var(--text-secondary);font-size:1rem}.modal-description{color:var(--text-muted);line-height:1.6;margin-bottom:var(--spacing-md)}.modal-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.modal-tag{padding:.25rem .75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.8rem;color:var(--text-secondary)}.modal-tech{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.tech-label{font-size:.85rem;color:var(--text-muted)}.modal-tech .tech-item{font-size:.8rem;color:var(--text-secondary);padding:.25rem .5rem;background:#6366f11a;border-radius:var(--radius-sm)}.modal-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--glass-border);background:#0003}.nav-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover:not(.disabled){background:var(--glass-bg);border-color:var(--text-secondary)}.nav-btn.disabled{opacity:.3;cursor:not-allowed}.nav-indicator{font-size:.9rem;color:var(--text-muted)}.no-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-muted);font-size:1.1rem}@media(max-width:768px){.video-modal-backdrop{padding:0}.video-modal{max-height:100vh;border-radius:0}.modal-info{padding:var(--spacing-md)}.modal-title{font-size:1.25rem}.nav-btn span{display:none}.play-button-large{width:60px;height:60px}.play-button-large svg{width:32px;height:32px}}.projects-section{padding:var(--spacing-3xl) 0}.projects-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.projects-header{text-align:center;margin-bottom:var(--spacing-3xl)}.projects-subtitle{color:var(--text-secondary);font-size:1rem;max-width:500px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.projects-loading{display:flex;justify-content:center;padding:var(--spacing-3xl)}.loading-spinner{width:40px;height:40px;border:2px solid var(--glass-border);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.projects-empty{text-align:center;padding:var(--spacing-3xl);background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.projects-empty p{font-size:1.25rem;margin-bottom:var(--spacing-sm)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:250px;background:#0a0a0af2;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:var(--spacing-lg);position:fixed;top:0;bottom:0;left:0;z-index:100}.sidebar-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.sidebar-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.sidebar-title{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:.9rem;font-weight:500;text-align:left}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:#ffffff1a;color:var(--text-primary);border:1px solid var(--glass-border)}.nav-icon{font-size:1.2rem}.logout-btn{color:#ff4d4d}.logout-btn:hover{background:#ff4d4d1a;color:#ff4d4d}.admin-main{flex:1;margin-left:250px;padding:var(--spacing-2xl);overflow-y:auto}@media(max-width:768px){.admin-sidebar{width:70px;padding:var(--spacing-md)}.sidebar-title,.nav-item span{display:none}.admin-main{margin-left:70px;padding:var(--spacing-lg)}}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.header-actions{display:flex;gap:var(--spacing-sm)}.reorder-hint{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background:#6366f11a;border:1px dashed rgba(99,102,241,.3);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.85rem}.projects-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff08;cursor:default;transition:box-shadow var(--transition-fast)}.list-item:hover{box-shadow:0 4px 12px #0003}.drag-handle{display:flex;align-items:center;justify-content:center;width:32px;height:48px;cursor:grab;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.drag-handle:hover{background:#ffffff1a;color:var(--text-primary)}.drag-handle:active{cursor:grabbing}.drag-icon{font-size:1.2rem;letter-spacing:2px}.item-preview{flex-shrink:0}.list-thumbnail{width:120px;height:68px;object-fit:cover;border-radius:var(--radius-sm)}.item-info{flex:1}.item-info h4{font-size:1.1rem;margin-bottom:var(--spacing-xs)}.item-info p{color:var(--text-secondary);font-size:.9rem}.item-actions{display:flex;gap:var(--spacing-sm)}.btn-icon{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--glass-bg);color:var(--text-primary)}.btn-icon.delete:hover{background:#ff4d4d1a;color:#ff4d4d;border-color:#ff4d4d}.editor-card{padding:var(--spacing-xl)}.editor-card h3{margin-bottom:var(--spacing-lg)}.project-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.85rem;color:var(--text-secondary)}.form-group input,.form-group textarea{padding:var(--spacing-md);background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-secondary)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}.upload-status{display:inline-block;margin-left:var(--spacing-md);color:var(--accent-primary, #6366f1);font-size:.85rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-group input[type=file]{padding:var(--spacing-sm);cursor:pointer}.thumbnail-selector{background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.thumbnail-selector>label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-md)}.thumbnail-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.video-preview-container,.thumbnail-preview-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.video-preview{width:100%;border-radius:var(--radius-sm);background:#000}.thumbnail-preview{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-secondary)}.preview-label{font-size:.8rem;color:var(--text-muted);text-align:center}.timestamp-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.timestamp-input-group{display:flex;align-items:center;gap:var(--spacing-sm)}.timestamp-input-group label{font-size:.85rem;color:var(--text-secondary)}.timestamp-input{width:80px;padding:var(--spacing-sm)!important;text-align:center}.hint-text{font-size:.8rem;color:var(--text-muted);margin-top:var(--spacing-md);font-style:italic}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#ffffff1a}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}@media(max-width:768px){.form-row,.thumbnail-preview-row{grid-template-columns:1fr}.timestamp-controls{flex-direction:column;align-items:stretch}}.upload-progress-container{margin-top:var(--spacing-sm);width:100%}.upload-progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-xs)}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .2s ease-out}.upload-status-text{font-size:.85rem;color:var(--text-secondary);display:block;text-align:right}.profile-manager{max-width:800px}.section-group{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.section-group:last-child{border-bottom:none}.section-group h3{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.1rem}.image-upload-container{display:flex;gap:var(--spacing-lg);align-items:center}.preview-box{width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border);background:#0000004d;display:flex;align-items:center;justify-content:center}.preview-box img{width:100%;height:100%;object-fit:cover}.preview-box .placeholder{font-size:.7rem;color:var(--text-muted)}.upload-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.text-small{font-size:.75rem}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.social-grid .form-group label{display:flex;align-items:center;gap:var(--spacing-sm)}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:radial-gradient(circle at top right,rgba(255,215,0,.05),transparent 40%),var(--bg-primary)}.login-card{width:100%;max-width:400px;padding:var(--spacing-2xl);border:1px solid var(--glass-border)}.login-title{text-align:center;margin-bottom:var(--spacing-xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.form-group input{width:100%;padding:var(--spacing-md);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast)}.form-group input:focus{border-color:var(--accent-gold);outline:none}.login-btn{width:100%;margin-top:var(--spacing-md);justify-content:center}.back-link{display:block;text-align:center;margin-top:var(--spacing-lg);color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color var(--transition-fast)}.back-link:hover{color:var(--text-primary)}.error-message{background:#ea43351a;color:#ff4d4d;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);text-align:center;font-size:.9rem;border:1px solid rgba(234,67,53,.2)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.image-upload-container{margin-top:.5rem;max-width:400px}.image-preview{width:400px!important;height:400px!important;max-width:400px!important;max-height:400px!important;border:1px dashed var(--glass-border);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:#0003;position:relative;flex-shrink:0}.image-preview img{width:100%!important;height:100%!important;object-fit:cover!important;display:block;max-width:none!important;max-height:none!important}.file-input{width:100%;padding:.5rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary)}#root{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;position:relative;width:100%;max-width:100%}.home-page{width:100%;transform:translateZ(0);-webkit-transform:translateZ(0)}*{max-width:100%}.video-modal-backdrop,.video-modal,img,video{max-width:none}