@charset "UTF-8";.navbar{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:fixed;top:20px;left:40%;width:min(60vw,1200px);height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000;border-radius:50px 0 0 50px;gap:20px}.navbar .logo{font-size:1.5rem;font-weight:700;color:var(--fg)}.navbar .logo span{color:var(--primary)}.navbar .nav-links{display:flex;width:100%;justify-content:space-between;list-style:none;gap:10px}.navbar .nav-links li{position:relative}.navbar .nav-links li a{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:30px;color:var(--muted);transition:color .3s ease;position:relative;z-index:1}@media (max-width: 1327px){.navbar .nav-links li a{padding:10px}}.navbar .nav-links li a .icon{display:flex;align-items:center}.navbar .nav-links li a .label{font-weight:500}.navbar .nav-links li a:hover,.navbar .nav-links li a.active{color:var(--fg)}.navbar .nav-links li a .active-indicator{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#ffffff1a;border-radius:30px;z-index:-1;border:1px solid var(--glass-border)}@media (max-width: 1022px){.navbar{gap:30px}.navbar .label{display:none}}@media (max-width: 768px){.navbar{padding:0 10px}.navbar .logo,.navbar .label{display:none}.navbar .nav-links{width:100%;justify-content:space-between;gap:0}.navbar .nav-links li a{padding:10px;justify-content:center}.navbar .nav-links li a .icon{width:24px;height:24px;justify-content:center}}@media (max-width: 425px){.navbar{gap:0px;width:min(80vw,1200px);left:20%}}.theme-switcher-container{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.theme-switcher-container .toggle-btn{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--fg);transition:all .3s ease}.theme-switcher-container .toggle-btn:hover{background:var(--glass-border);color:var(--primary)}.theme-switcher-container .theme-options{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:30px;margin-right:10px}.theme-switcher-container .theme-options .theme-btn{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--muted);transition:all .3s ease}.theme-switcher-container .theme-options .theme-btn:hover{background:#ffffff1a;color:var(--fg)}.theme-switcher-container .theme-options .theme-btn.active{background:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary)}.floating-chat-container{position:fixed;bottom:30px;right:30px;z-index:2000;display:flex;flex-direction:column;align-items:flex-end}.floating-chat-container .chat-toggle-btn{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--primary);background:var(--glass-bg);box-shadow:0 4px 15px #0003}.floating-chat-container .chat-toggle-btn:hover{box-shadow:0 0 20px var(--primary)}.floating-chat-container .chat-window{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);width:350px;height:500px;margin-bottom:20px;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.floating-chat-container .chat-window .chat-header{padding:15px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:#ffffff0d}.floating-chat-container .chat-window .chat-header .ai-info{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--primary)}.floating-chat-container .chat-window .chat-header button{color:var(--muted)}.floating-chat-container .chat-window .chat-header button:hover{color:var(--fg)}.floating-chat-container .chat-window .chat-messages{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.floating-chat-container .chat-window .chat-messages::-webkit-scrollbar{width:6px}.floating-chat-container .chat-window .chat-messages::-webkit-scrollbar-track{background:transparent}.floating-chat-container .chat-window .chat-messages::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.floating-chat-container .chat-window .chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent)}.floating-chat-container .chat-window .chat-messages .message{display:flex;flex-direction:column;max-width:80%}.floating-chat-container .chat-window .chat-messages .message.user{align-self:flex-end;align-items:flex-end}.floating-chat-container .chat-window .chat-messages .message.user .bubble{background:var(--primary);color:#fff;border-radius:15px 15px 0}.floating-chat-container .chat-window .chat-messages .message.ai{align-self:flex-start}.floating-chat-container .chat-window .chat-messages .message.ai .bubble{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:15px 15px 15px 0;overflow-wrap:anywhere}.floating-chat-container .chat-window .chat-messages .message .bubble{padding:10px 15px;font-size:.9rem;line-height:1.4}.floating-chat-container .chat-window .chat-messages .message .bubble.typing{display:flex;gap:5px}.floating-chat-container .chat-window .chat-messages .message .bubble.typing span{animation:bounce 1s infinite}.floating-chat-container .chat-window .chat-messages .message .bubble.typing span:nth-child(2){animation-delay:.2s}.floating-chat-container .chat-window .chat-messages .message .bubble.typing span:nth-child(3){animation-delay:.4s}.floating-chat-container .chat-window .chat-messages .message .time{font-size:.7rem;color:var(--muted);margin-top:5px}.floating-chat-container .chat-window .chat-input{padding:15px;border-top:1px solid var(--glass-border);display:flex;gap:10px;align-items:center}.floating-chat-container .chat-window .chat-input input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);padding:10px;border-radius:20px;color:var(--fg);outline:none}.floating-chat-container .chat-window .chat-input input:focus{border-color:var(--primary)}.floating-chat-container .chat-window .chat-input button{color:var(--muted)}.floating-chat-container .chat-window .chat-input button:hover,.floating-chat-container .chat-window .chat-input button.send-btn{color:var(--primary)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:var(--spacing-md);transition:box-shadow .3s ease,border-color .3s ease}.glass-card:hover{border-color:var(--edge-glow);box-shadow:var(--glass-shadow),0 0 20px var(--edge-glow)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;gap:50px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.1;filter:blur(80px);z-index:-1}.hero-section:after{content:"";position:absolute;bottom:-10%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.1;filter:blur(100px);z-index:-1}.hero-section .hero-content{flex:1;max-width:600px;z-index:10}.hero-section .hero-content .greeting{margin-bottom:10px}.hero-section .hero-content .greeting .hello{font-size:1.2rem;color:var(--primary);font-weight:600;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:10px}.hero-section .hero-content .greeting .name{font-size:4.5rem;font-weight:800;line-height:1.1;color:var(--fg)}.hero-section .hero-content .greeting .name .dot{color:var(--primary)}.hero-section .hero-content .role{font-size:2rem;font-weight:500;color:var(--muted);margin-bottom:20px}.hero-section .hero-content .role .separator{color:var(--primary)}.hero-section .hero-content .bio{font-size:1.1rem;line-height:1.6;color:var(--muted);margin-bottom:40px;max-width:90%}.hero-section .hero-content .cta-group{display:flex;gap:20px;margin-bottom:40px}.hero-section .hero-content .cta-group .primary-btn,.hero-section .hero-content .cta-group .secondary-btn{padding:15px 30px;border-radius:30px;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease}.hero-section .hero-content .cta-group .primary-btn{background:var(--primary);color:#fff;box-shadow:0 4px 15px #007bff4d}.hero-section .hero-content .cta-group .primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007bff66}.hero-section .hero-content .cta-group .secondary-btn{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);border-radius:16px;color:var(--fg);border:1px solid var(--glass-border)}.hero-section .hero-content .cta-group .secondary-btn:hover{background:#ffffff1a;border-color:var(--primary);color:var(--primary)}.hero-section .hero-content .social-links{display:flex;gap:20px}.hero-section .hero-content .social-links a{width:50px;height:50px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;display:flex;justify-content:center;align-items:center;color:var(--muted);transition:all .3s ease}.hero-section .hero-content .social-links a:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.hero-section .hero-visual{flex:1;position:relative;height:500px;display:flex;justify-content:center;align-items:center}.hero-section .hero-visual .visual-card{position:absolute}.hero-section .hero-visual .visual-card.main-card{width:350px;height:220px;z-index:2;display:flex;align-items:center;justify-content:center;background:#141414cc;border:1px solid rgba(255,255,255,.1)}.hero-section .hero-visual .visual-card.main-card .code-snippet{font-family:Fira Code,monospace;font-size:.9rem;color:#e0e0e0}.hero-section .hero-visual .visual-card.main-card .code-snippet .keyword{color:#ff79c6}.hero-section .hero-visual .visual-card.main-card .code-snippet .variable{color:#8be9fd}.hero-section .hero-visual .visual-card.main-card .code-snippet .property{color:#f1fa8c}.hero-section .hero-visual .visual-card.main-card .code-snippet .string{color:#50fa7b}.hero-section .hero-visual .visual-card.float-card-1{top:50px;right:20px;padding:20px;z-index:3;animation:float 6s ease-in-out infinite}.hero-section .hero-visual .visual-card.float-card-2{bottom:50px;left:20px;padding:20px;z-index:1;animation:float 8s ease-in-out infinite reverse}.hero-section .hero-visual .visual-card .stat{text-align:center}.hero-section .hero-visual .visual-card .stat .number{display:block;font-size:2rem;font-weight:700;color:var(--primary)}.hero-section .hero-visual .visual-card .stat .label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 1024px){.hero-section{flex-direction:column-reverse;justify-content:center;padding:100px 20px;text-align:center;gap:40px}.hero-section .hero-content{align-items:center;display:flex;flex-direction:column}.hero-section .hero-content .cta-group,.hero-section .hero-content .social-links{justify-content:center}.hero-section .hero-visual{width:100%;height:400px;margin-top:20px;margin-bottom:80px}.hero-section .hero-visual .visual-card.float-card-2{z-index:3}}@media (max-width: 768px){.hero-section .hero-content .greeting .name{font-size:3rem}.hero-section .hero-content .role{font-size:1.5rem}.hero-section .hero-visual .main-card{width:280px;font-size:.8rem}}.home-page{height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.home-page .hero-content{text-align:center;max-width:800px}.home-page .hero-content h1{font-size:4rem;font-weight:800;margin-bottom:1rem}.home-page .hero-content h1 .highlight{color:var(--primary);text-shadow:0 0 20px rgba(0,123,255,.3)}.home-page .hero-content p{font-size:1.5rem;color:var(--muted);margin-bottom:2rem}.home-page .hero-content .intro-card{padding:30px;font-size:1.2rem;line-height:1.6}.timeline-container{max-width:800px;margin:0 auto;padding:20px}.timeline-container .section-title{font-size:2rem;color:var(--primary);margin-bottom:30px;padding-left:20px;border-left:4px solid var(--primary)}.timeline-container .timeline{position:relative;padding-left:30px;margin-bottom:60px}.timeline-container .timeline:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:var(--glass-border)}.timeline-container .timeline .timeline-item{position:relative;margin-bottom:40px}.timeline-container .timeline .timeline-item:last-child{margin-bottom:0}.timeline-container .timeline .timeline-item .timeline-marker{position:absolute;left:-39px;top:0;width:20px;height:20px;background:var(--bg);border:2px solid var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--primary);z-index:1;padding:8px;box-shadow:0 0 10px var(--primary)}.timeline-container .timeline .timeline-item .timeline-marker.edu{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--accent)}.timeline-container .timeline .timeline-item .timeline-content .timeline-card{padding:25px}.timeline-container .timeline .timeline-item .timeline-content .timeline-card .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap;gap:10px}.timeline-container .timeline .timeline-item .timeline-content .timeline-card .header h3{font-size:1.2rem;color:var(--fg);font-weight:600}.timeline-container .timeline .timeline-item .timeline-content .timeline-card .header .company{font-size:1rem;color:var(--primary);font-weight:500}.timeline-container .timeline .timeline-item .timeline-content .timeline-card .meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:15px}.timeline-container .timeline .timeline-item .timeline-content .timeline-card .description{list-style-type:none}.timeline-container .timeline .timeline-item .timeline-content .timeline-card .description li{position:relative;padding-left:20px;margin-bottom:8px;color:var(--fg);font-size:.95rem;line-height:1.5}.timeline-container .timeline .timeline-item .timeline-content .timeline-card .description li:before{content:"▹";position:absolute;left:0;color:var(--primary)}.journey-page{padding:40px 20px;height:100%;overflow-y:auto}.journey-page .page-header{text-align:center;margin-bottom:50px}.journey-page .page-header h1{font-size:3rem;margin-bottom:10px;color:var(--fg)}.journey-page .page-header p{color:var(--muted);font-size:1.2rem}.skill-grid-container{max-width:1000px;margin:0 auto;padding:20px}.skill-grid-container .skill-category{margin-bottom:40px}.skill-grid-container .skill-category .category-title{font-size:1.5rem;color:var(--accent);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--glass-border);display:inline-block}.skill-grid-container .skill-category .skills-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.skill-grid-container .skill-category .skills-wrapper .skill-card{padding:15px;text-align:center;display:flex;justify-content:center;align-items:center;min-height:80px;cursor:default}.skill-grid-container .skill-category .skills-wrapper .skill-card .skill-name{font-weight:500;color:var(--fg)}.skill-grid-container .skill-category .skills-wrapper .skill-card:hover{border-color:var(--primary)}.skill-grid-container .skill-category .skills-wrapper .skill-card:hover .skill-name{color:var(--primary)}.skills-page{padding:40px 20px;height:100%;overflow-y:auto}.skills-page .page-header{text-align:center;margin-bottom:50px}.skills-page .page-header h1{font-size:3rem;margin-bottom:10px;color:var(--fg)}.skills-page .page-header p{color:var(--muted);font-size:1.2rem}.project-card{height:100%;display:flex;flex-direction:column;padding:25px}.project-card .card-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.project-card .card-header .icon-wrapper{width:50px;height:50px;border-radius:12px;background:#ffffff0d;display:flex;justify-content:center;align-items:center;color:var(--primary);border:1px solid var(--glass-border)}.project-card .card-header .title-group h3{font-size:1.2rem;color:var(--fg);margin-bottom:4px}.project-card .card-header .title-group .subtitle{font-size:.9rem;color:var(--muted)}.project-card .card-body{flex:1;margin-bottom:20px}.project-card .card-body .description-list{list-style:none}.project-card .card-body .description-list li{font-size:.95rem;color:var(--fg);margin-bottom:8px;line-height:1.5;opacity:.9}.project-card .card-body .description-list li:before{content:"•";color:var(--primary);margin-right:8px}.project-card .card-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.project-card .card-footer .tech-stack{display:flex;flex-wrap:wrap;gap:8px}.project-card .card-footer .tech-stack .tech-tag{font-size:.75rem;padding:4px 10px;border-radius:20px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--muted)}.project-card .card-footer .links{display:flex;gap:10px}.project-card .card-footer .links a{color:var(--muted);transition:color .2s}.project-card .card-footer .links a:hover{color:var(--primary)}.project-card:hover .card-header .icon-wrapper{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary)}.projects-page{padding:40px 20px;height:100%;overflow-y:auto}.projects-page .page-header{text-align:center;margin-bottom:50px}.projects-page .page-header h1{font-size:3rem;margin-bottom:10px;color:var(--fg)}.projects-page .page-header p{color:var(--muted);font-size:1.2rem}.projects-page .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto 50px}.contact-container{display:flex;gap:50px;max-width:1000px;margin:0 auto;padding:20px;align-items:flex-start}.contact-container .contact-info{flex:1}.contact-container .contact-info h2{font-size:2.5rem;margin-bottom:15px;color:var(--fg)}.contact-container .contact-info p{color:var(--muted);margin-bottom:30px;font-size:1.1rem}.contact-container .contact-info .info-items{display:flex;flex-direction:column;gap:15px}.contact-container .contact-info .info-items .info-card{display:flex;align-items:center;gap:15px;padding:20px;transition:transform .2s}.contact-container .contact-info .info-items .info-card .icon{color:var(--primary)}.contact-container .contact-info .info-items .info-card span{color:var(--fg)}.contact-container .contact-info .info-items .info-card:hover{transform:translate(5px);border-color:var(--primary)}.contact-container .form-wrapper{flex:1.2}.contact-container .form-wrapper .contact-form-card{padding:30px}.contact-container .form-wrapper .contact-form-card form{display:flex;flex-direction:column;gap:20px}.contact-container .form-wrapper .contact-form-card form .form-group{display:flex;flex-direction:column;gap:8px}.contact-container .form-wrapper .contact-form-card form .form-group label{font-size:.9rem;color:var(--muted);font-weight:500}.contact-container .form-wrapper .contact-form-card form .form-group input,.contact-container .form-wrapper .contact-form-card form .form-group textarea{background:#ffffff0d;border:1px solid var(--glass-border);padding:12px 15px;border-radius:12px;color:var(--fg);font-family:inherit;outline:none;transition:all .3s ease}.contact-container .form-wrapper .contact-form-card form .form-group input:focus,.contact-container .form-wrapper .contact-form-card form .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 10px #007bff1a;background:#ffffff1a}.contact-container .form-wrapper .contact-form-card form .form-group input::placeholder,.contact-container .form-wrapper .contact-form-card form .form-group textarea::placeholder{color:#96969680}.contact-container .form-wrapper .contact-form-card form .form-group textarea{resize:vertical}.contact-container .form-wrapper .contact-form-card form .submit-btn{margin-top:10px;background:var(--primary);color:#fff;padding:12px;border-radius:12px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .3s ease}.contact-container .form-wrapper .contact-form-card form .submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}@media (max-width: 768px){.contact-container{flex-direction:column}.contact-container .contact-info,.contact-container .form-wrapper{width:100%}}.contact-page{height:100%;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.contact-page .page-content{width:100%;max-width:1200px}:root{--bg: #f0f4f8;--bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .4);--glass-blur: 12px;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--edge-glow: rgba(255, 255, 255, .8);--fg: #102a43;--muted: #627d98;--accent: #334e68;--primary: #007bff;--secondary: #6c757d;--font-main: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--scrollbar-size: 10px;--scrollbar-radius: 999px;--scrollbar-track: transparent;--scrollbar-thumb: color-mix(in srgb, var(--fg) 25%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--fg) 45%, transparent)}[data-theme=dark]{--bg: #101010;--bg-gradient: linear-gradient(135deg, #101010 0%, #202020 100%);--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 16px;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--edge-glow: rgba(255, 255, 255, .1);--fg: #f0f4f8;--muted: #9fb3c8;--accent: #82cfff;--primary: #4dabf7}[data-theme=neon]{--bg: #050505;--bg-gradient: linear-gradient(135deg, #050505 0%, #0a0a0a 100%);--glass-bg: rgba(10, 10, 10, .7);--glass-border: rgba(0, 255, 242, .3);--glass-blur: 20px;--glass-shadow: 0 0 20px rgba(0, 255, 242, .2);--edge-glow: rgba(0, 255, 242, .6);--fg: #e0e0e0;--muted: #a0a0a0;--accent: #00fff2;--primary: #ff00ff;--scrollbar-thumb: color-mix(in srgb, var(--accent) 50%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--accent) 75%, transparent)}[data-theme=pastel]{--bg: #fdfbf7;--bg-gradient: linear-gradient(135deg, #fdfbf7 0%, #e6e6fa 100%);--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .6);--glass-blur: 15px;--glass-shadow: 0 8px 32px 0 rgba(200, 200, 255, .2);--edge-glow: rgba(255, 255, 255, .9);--fg: #4a4a4a;--muted: #8a8a8a;--accent: #ffb7b2;--primary: #ff9aa2;--scrollbar-thumb: rgba(0, 0, 0, .2);--scrollbar-thumb-hover: rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg);background-image:var(--bg-gradient);color:var(--fg);min-height:100dvh;transition:background .3s ease,color .3s ease;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:3px solid transparent;background-clip:content-box;transition:background .2s ease,box-shadow .2s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box;box-shadow:0 0 12px var(--edge-glow)}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow),0 0 15px var(--edge-glow)}.page-container{min-height:100dvh;width:100%;padding-top:80px;display:flex;flex-direction:column;position:relative;overflow:hidden}@media (min-width: 768px){.page-container{height:100dvh;overflow:hidden}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}