*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}html,body{height:100%;overflow:hidden}:root{--primary:#38bdf8;--primary-hover:#0ea5e9;--bg-main:#111;--bg-sidebar:#111;--bg-card:#181818;--bg-card-hover:#222;--text-secondary:#9ca3af;--border:#2a2a2a;--glow:0 0 15px #38bdf840;--radius:18px;--radius-btn:14px;--radius-avatar:999px;--ease:all .25s cubic-bezier(.4, 0, .2, 1);--player-h:0px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.fa,.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands{font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-style:normal;font-family:"Font Awesome 6 Free"!important}.fab,.fa-brands{font-weight:400;font-family:"Font Awesome 6 Brands"!important}.far,.fa-regular{font-weight:400;font-family:"Font Awesome 6 Free"!important}.fas,.fa-solid{font-weight:900;font-family:"Font Awesome 6 Free"!important}body.light-theme{color:#111827;--bg-main:#f9fafb;--bg-sidebar:#f3f4f6;--bg-card:#e5e7eb;--bg-card-hover:#d1d5db;--text-secondary:#4b5563;--border:#d1d5db;background:#f9fafb}body.light-theme .sidebar-profile-name,body.light-theme .copyright-author,body.light-theme .nav-item:hover,body.light-theme .player-info h4{color:#111827!important}body.light-theme .nav-item.active{color:#fff!important}body.light-theme .lang-toggle-pill,body.light-theme .theme-toggle-pill{background:#e5e7eb}.app{background:var(--bg-main);grid-template-rows:100%;grid-template-columns:280px 1fr;gap:0;height:100vh;max-height:100vh;padding:0;display:grid;overflow:hidden}.app>.sidebar{background:var(--bg-sidebar);border:none;border-right:1px solid var(--border);border-radius:0;flex-direction:column;grid-area:1/1;gap:8px;padding:24px 16px;display:flex;position:relative;overflow-y:auto}.logo{display:none}.nav-menu{flex-direction:column;gap:8px;margin-bottom:1px;list-style:none;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-btn);transition:var(--ease);border:1px solid #0000;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item-icon{justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s;display:flex}.nav-item-label{flex:1}.nav-item-arrow{color:#fff;opacity:.6;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex}.nav-item:hover{color:#fff;background:var(--bg-card-hover);transform:scale(1.02)}.nav-item:hover .nav-item-icon{color:#fff;transform:scale(1.18)rotate(8deg)}.nav-item.active{color:#fff;background:var(--bg-card);border-color:var(--border)}.verified-badge{color:#1d9bf0;vertical-align:middle;margin-left:6px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:.6;transform:translate(0)}}.playlist-section,.sidebar-footer{display:none}.app>.main-content{background:var(--bg-main);border:none;border-radius:0;grid-area:1/2;position:relative;overflow:hidden auto}.menu-toggle{z-index:1001;width:40px;height:40px;color:var(--primary);border:1.5px solid var(--primary);cursor:pointer;background:#38bdf81f;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:none;position:fixed;top:16px;left:16px;right:auto}.content-wrapper{padding:24px 32px 60px}.section{margin-bottom:48px;scroll-margin-top:80px}.sidebar-profile{text-align:center;flex-direction:column;align-items:center;margin-bottom:4px;display:flex}.sidebar-avatar{border-radius:var(--radius-avatar);cursor:pointer;border:2px solid var(--border);width:90px;height:90px;transition:var(--ease);margin-bottom:12px;overflow:hidden}.sidebar-avatar:hover{border-color:var(--primary);transform:scale(1.04)}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-profile-name{color:#fff;margin-bottom:2px;font-size:16px;font-weight:600}.sidebar-profile-username{color:var(--text-secondary);font-size:13px}.sidebar-controls{justify-content:center;gap:12px;margin-bottom:1px;display:flex}.lang-toggle-pill,.theme-toggle-pill{border:1px solid var(--border);transition:var(--ease);background:#181818;border-radius:500px;padding:2px;display:flex}.theme-toggle-pill{cursor:pointer}.lang-btn,.theme-btn{color:#fff;cursor:pointer;transition:var(--ease);background:0 0;border:none;border-radius:500px;padding:6px 12px;font-size:12px;font-weight:600}.lang-btn.active,.theme-btn.active{color:var(--primary);background:#38bdf81f}.lang-btn:hover:not(.active),.theme-btn:hover:not(.active){color:#fff}.smart-assistant-btn{border:1.5px solid var(--primary);width:100%;color:var(--primary);border-radius:var(--radius-btn);cursor:pointer;transition:var(--ease);background:#22c55e14;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px;font-size:14px;font-weight:600;display:flex}.smart-assistant-btn:hover{background:var(--primary);color:#000;transform:scale(1.02)}.sidebar-divider{border-top:1px solid #2a2a2a;width:100%;margin:1px 0}.sidebar-copyright{text-align:center;color:var(--text-secondary);letter-spacing:.02em;margin-top:auto;padding-top:20px;font-family:Inter,sans-serif;font-size:11px;line-height:1.6}.copyright-author{color:var(--text-secondary);font-weight:400}.spotify-toast{background:var(--primary);color:#000;border-radius:var(--radius-btn);z-index:1002;padding:12px 24px;font-size:14px;font-weight:600;animation:.25s cubic-bezier(.4,0,.2,1) slideIn;position:fixed;bottom:24px;right:24px}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header h2{color:#fff;font-size:24px;font-weight:500}.about-header{margin-bottom:8px}.about-title{color:#fff;margin-bottom:2px;font-size:24px;font-weight:500}.about-subtitle{color:var(--text-secondary);margin-bottom:6px;font-size:14px}.about-signature{font-family:inherit;color:var(--text-secondary)!important;font-size:14px!important}.about-divider{border-top:1px solid var(--border);opacity:.8;margin:20px 0}.about-content-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:30px}.see-all{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700;text-decoration:none}.see-all:hover{color:#fff;text-decoration:underline}.hero{border-radius:var(--radius) var(--radius) 0 0;margin:-16px -32px 48px;padding:80px 40px 60px;position:relative;overflow:hidden}.hero-bg{display:none}.hero-sub a{color:inherit;transition:var(--ease);font-weight:600;text-decoration:none}.hero-sub a:hover{text-decoration:underline}.hero:after{display:none}.hero-content{z-index:2;position:relative}.hero-tag{color:#fff;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:inline-flex}.hero-tag i{color:#3b82f6;font-size:18px}.hero h4{color:#fff;margin-bottom:8px;font-size:13px;font-weight:500}.hero h1{letter-spacing:-2px;color:#fff;margin-bottom:24px;font-size:clamp(48px,8vw,96px);font-weight:800;line-height:1}.hero-description{color:#fff;margin-bottom:8px;font-size:16px}.highlight{color:inherit;font-weight:inherit}.hero-sub{color:var(--text-secondary);max-width:600px;margin-bottom:32px;font-size:14px}.hero-buttons{align-items:center;gap:16px;display:flex}.btn-primary{color:var(--primary);cursor:pointer;transition:var(--ease);background:#38bdf81f;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 40px;font-size:15px;font-weight:700;display:inline-flex}.btn-primary:hover:not(:disabled){background:#38bdf833;transform:scale(1.02)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border:2px solid var(--text-secondary);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:var(--ease);background:0 0;border-radius:50%;font-size:16px}.btn-secondary:hover{color:#fff;border-color:#fff;transform:scale(1.05)}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px;display:grid}.about-card-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.about-card{background:var(--bg-card);border-radius:var(--radius);transition:var(--ease);cursor:pointer;flex-direction:column;flex:1;padding:24px;display:flex;position:relative}.about-card-link:hover .about-card{background:var(--bg-card-hover);transform:translateY(-6px)}.about-card-icon{width:50px;height:50px;color:var(--primary);background:#38bdf826;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:22px;display:flex}.about-card h3{color:#fff;margin-bottom:10px;font-size:18px}.about-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.cv-download-container{justify-content:flex-start;width:100%;display:flex}.cv-download-box{border:1px solid var(--border);background:#161616;border-radius:8px;justify-content:space-between;align-items:center;width:100%;max-width:320px;padding:10px 14px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.cv-download-box:hover{border-color:var(--primary);background:#38bdf805;transform:translateY(-2px)}.cv-download-left{align-items:center;gap:12px;display:flex}.cv-icon-wrapper{color:#ef4444;background:#ef44441a;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .2s;display:flex}.cv-download-box:hover .cv-icon-wrapper{color:#fff;background:#ef4444}.cv-details h4{color:#fff;margin:0 0 1px;font-size:13px;font-weight:600}.cv-details p{color:var(--text-secondary);margin:0;font-size:11px}.cv-download-btn-circle{border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .2s;display:flex}.cv-download-box:hover .cv-download-btn-circle{border-color:var(--primary);background:var(--primary);color:#111}.read-more{color:var(--primary);align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:600;transition:gap .2s;display:inline-flex}.about-card-link:hover .read-more{gap:12px}.read-more i{transition:transform .2s}.about-card-link:hover .read-more i{transform:translate(4px)}.skills-title{color:#fff;margin-bottom:16px;font-size:20px}.skills-items{flex-wrap:wrap;gap:12px;display:flex}.skill-badge{background:var(--bg-card);transition:var(--ease);cursor:pointer;color:#fff;border-radius:500px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:flex}.skill-badge:hover{background:var(--primary);color:#000;transform:translateY(-2px)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.project-card:hover{border-color:var(--primary)}.card-image{aspect-ratio:1;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.card-icon{color:#ffffffe6;font-size:50px}.play-btn{background:var(--primary);color:#000;cursor:pointer;opacity:0;border:none;border-radius:50%;width:48px;height:48px;font-size:16px;transition:all .3s;position:absolute;bottom:8px;right:8px;transform:translateY(8px)}.project-card:hover .play-btn{opacity:1;transform:translateY(0)}.play-btn:hover{background:var(--primary-hover);transform:scale(1.1)}.project-card h4{color:#fff;margin-bottom:6px;font-size:16px}.project-card p{color:var(--text-secondary);font-size:13px}.contact-wrapper{grid-template-columns:2fr 1fr;align-items:start;gap:32px;display:grid}.contact-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border);color:#fff;transition:var(--ease);resize:vertical;background:#111;border-radius:6px;padding:12px 16px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.contact-form button{align-self:flex-start;margin-top:8px}.social-links{background:var(--bg-card);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;height:fit-content;padding:20px;display:flex}.social-links h3{color:#fff;white-space:nowrap;margin:0;font-size:16px}.socials{gap:10px;display:flex}.socials a{color:#fff;width:40px;height:40px;transition:var(--ease);background:#282828;border-radius:50%;justify-content:center;align-items:center;font-size:16px;text-decoration:none;display:inline-flex}.socials a:hover{background:var(--primary);color:#000;transform:translateY(-3px)}.hero-page{padding:60px 40px;font-family:Inter,sans-serif}.hero-page-container{justify-content:space-between;align-items:center;gap:48px;max-width:1000px;display:flex}.hero-page-left{flex:1.3}.hero-page-right{flex:.7;justify-content:flex-end;align-items:center;display:flex}.hero-page-title{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(32px,5vw,44px);font-weight:700}.hero-page-meta{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:32px;font-size:14px;display:flex}.country-code{color:#fff!important;vertical-align:middle!important;border:1px solid var(--border)!important;background:#2a2a2a!important;border-radius:4px!important;align-items:center!important;margin-left:6px!important;padding:2px 6px!important;font-size:11px!important;font-weight:600!important;display:inline-flex!important}.meta-divider{color:var(--border)}.hero-page-content{flex-direction:column;gap:20px;display:flex}.hero-page-content p{color:#d1d5db;font-size:15px;font-weight:400;line-height:1.6}.hero-photo-box{border-radius:var(--radius);border:1px solid var(--border);width:280px;height:280px;transition:var(--ease);overflow:hidden;box-shadow:0 20px 45px #00000080}.hero-photo-box:hover{border-color:var(--primary);transform:translateY(-4px)scale(1.02);box-shadow:0 25px 50px #38bdf826}.hero-photo-box img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.hero-page-container{flex-direction:column-reverse;gap:32px}.hero-page{padding:40px 20px}.hero-photo-box{width:220px;height:220px}.hero-page-right{justify-content:center}}.contact-page{padding:60px 40px;font-family:Inter,sans-serif}.contact-page-header h1{color:#fff;letter-spacing:-.01em;margin-bottom:8px;font-size:32px;font-weight:700}.contact-page-header p{color:var(--text-secondary);font-size:15px}.contact-page-divider{border-top:1px dashed var(--border);margin:24px 0 32px}.contact-section-title{color:#fff;letter-spacing:-.01em;margin-bottom:20px;font-size:18px;font-weight:600}.contact-grid-container{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.contact-card{transition:var(--ease);cursor:pointer;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:36px 40px;text-decoration:none;display:flex;position:relative;overflow:hidden}.contact-card:hover{border-color:#ffffff1a;transform:translateY(-6px)}.contact-card-content{z-index:2;flex-direction:column;display:flex}.contact-card-content h3{color:#fff;margin-bottom:8px;font-size:24px;font-weight:700}.contact-card-content p{color:#fffc;max-width:320px;margin-bottom:24px;font-size:14px;line-height:1.5}.contact-card-btn{transition:var(--ease);opacity:.7;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.contact-card-btn .arrow{transition:transform .2s}.contact-card:hover .contact-card-btn{opacity:1}.contact-card:hover .contact-card-btn .arrow{transform:translate(2px,-2px)}.contact-watermark{opacity:.09;color:#fff;pointer-events:none;z-index:1;transition:all .4s;position:absolute}.contact-card:hover .contact-watermark{opacity:.18}.card-gmail .contact-watermark{top:-50px;right:8%;transform:rotate(15deg)}.card-gmail:hover .contact-watermark{transform:scale(1.08)rotate(5deg)}.card-instagram .contact-watermark{bottom:-40px;left:-30px;transform:rotate(-25deg)}.card-instagram:hover .contact-watermark{transform:scale(1.08)rotate(-15deg)}.card-linkedin .contact-watermark{bottom:-50px;right:-20px;transform:rotate(12deg)}.card-linkedin:hover .contact-watermark{transform:scale(1.08)rotate(22deg)}.card-github .contact-watermark{bottom:-70px;right:25%;transform:rotate(-10deg)}.card-github:hover .contact-watermark{transform:scale(1.08)rotate(-5deg)}.contact-card-icon{color:#ffffffd9;transition:var(--ease);z-index:2;justify-content:center;align-items:center;display:flex}.contact-card:hover .contact-card-icon{color:#fff;transform:scale(1.08)rotate(3deg)}.card-gmail{background:linear-gradient(135deg,#c21919,#8c1010)}.btn-gmail{color:#991b1b;background:#fee2e2}.btn-gmail:hover{background:#fecaca}.card-instagram{background:linear-gradient(135deg,#cc2366,#e6683c)}.btn-instagram{color:#9f1239;background:#ffe4e6}.btn-instagram:hover{background:#fecdd3}.card-linkedin{background:linear-gradient(135deg,#0077b5,#004b73)}.btn-linkedin{color:#0369a1;background:#e0f2fe}.btn-linkedin:hover{background:#bae6fd}.card-github{background:linear-gradient(135deg,#1b222d,#0d1117)}.btn-github{color:#3730a3;background:#e0e7ff}.btn-github:hover{background:#c7d2fe}.contact-form-section{margin-top:48px}.contact-form-section .contact-form{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);max-width:1000px;padding:32px}@media (width<=768px){.contact-page{padding:40px 20px}.contact-grid-container{grid-template-columns:1fr}.contact-card{padding:28px}.contact-card-icon{display:none}.contact-form-section .contact-form{padding:20px}}.skills-divider{border-top:1px solid var(--border);opacity:.8;margin:24px 0 16px}.skills-title{color:#fff;letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:6px;font-size:22px;font-weight:700;display:flex}.code-bracket{color:var(--text-secondary);font-family:monospace;font-weight:600}.skills-subtitle{color:var(--text-secondary);margin-bottom:12px;font-size:15px}.skills-filters{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-pill{color:#d1d5db;border:1px solid var(--border);cursor:pointer;transition:var(--ease);background:#181818;border-radius:500px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.filter-pill:hover{color:#fff;background:#222;border-color:#444}.filter-pill.active{color:var(--primary);background:#38bdf81f;border-color:#0000}.pill-count{color:var(--text-secondary);background:#ffffff14;border-radius:500px;padding:1px 6px;font-size:11px;font-weight:600}.filter-pill.active .pill-count{color:var(--primary);opacity:1;background:#38bdf833}.skills-grid{perspective:1000px;flex-wrap:wrap;gap:8px;display:flex}.skill-badge{background:#ffffff0a;background:color-mix(in srgb, var(--skill-color) 8%, #ffffff08);color:#fff;border:1px solid var(--border);border-color:color-mix(in srgb, var(--skill-color) 20%, var(--border));cursor:default;opacity:0;transform-style:preserve-3d;border-radius:500px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .25s,border-color .25s,transform .25s;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards badgeZoomToFront;display:inline-flex}.skill-badge:hover{background:#ffffff14;background:color-mix(in srgb, var(--skill-color) 16%, #ffffff0f);border-color:var(--skill-color);transform:translateY(-3px)scale(1.03)!important}.skill-badge:first-child{animation-delay:0s}.skill-badge:nth-child(2){animation-delay:20ms}.skill-badge:nth-child(3){animation-delay:40ms}.skill-badge:nth-child(4){animation-delay:60ms}.skill-badge:nth-child(5){animation-delay:80ms}.skill-badge:nth-child(6){animation-delay:.1s}.skill-badge:nth-child(7){animation-delay:.12s}.skill-badge:nth-child(8){animation-delay:.14s}.skill-badge:nth-child(9){animation-delay:.16s}.skill-badge:nth-child(10){animation-delay:.18s}.skill-badge:nth-child(11){animation-delay:.2s}@keyframes badgeZoomToFront{0%{opacity:0;transform:translateY(15px)translateZ(-150px)scale(.6)rotateX(10deg)}to{opacity:1;transform:translateY(0)translateZ(0)scale(1)rotateX(0)}}.skill-icon{justify-content:center;align-items:center;font-size:18px;display:flex}.skill-name{color:#fff;letter-spacing:-.01em;font-weight:600}@media (width<=768px){.skills-filters{gap:8px}.filter-pill{padding:6px 12px;font-size:12px}.skill-badge{padding:8px 14px;font-size:13px}}.skills-warning-banner{align-items:center;gap:8px;margin-top:16px;display:flex}.warning-banner-icon{color:#ffb300;justify-content:center;align-items:center;font-size:14px;display:flex}.warning-banner-text{color:var(--text-secondary);font-size:13px;line-height:1.5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%,to{border-color:#ffb30026}50%{border-color:#ffb30059}}@keyframes pulseIcon{0%{opacity:.8;transform:scale(.92)}to{opacity:1;text-shadow:0 0 8px #ffb30080;transform:scale(1.08)}}@media (width<=768px){.skills-warning-banner{gap:12px;margin-top:24px;padding:14px 18px}.warning-banner-text{font-size:13px}.warning-banner-icon{font-size:18px}}.education-section{margin-top:24px;font-family:Inter,sans-serif}.education-section-title{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:6px;font-size:24px;font-weight:500;display:flex}.education-section-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.education-list{flex-direction:column;gap:16px;display:flex}.education-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;padding:24px 30px;transition:border-color .25s,transform .25s;display:flex}.education-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.education-logo{flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.logo-itera{color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.logo-sman3{color:#fff;background:linear-gradient(135deg,#065f46,#10b981)}.education-info h3{color:#fff;letter-spacing:-.01em;margin-bottom:6px;font-size:18px;font-weight:600}.education-details{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;font-size:14px;display:flex}.education-details span{color:var(--border);font-size:12px}.education-meta{color:#9ca3af;opacity:.85;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.education-meta span{color:var(--border);font-size:12px}@media (width<=768px){.education-card{gap:16px;padding:16px 20px}.education-logo{width:50px;height:50px;font-size:20px}.education-info h3{font-size:16px}.education-details,.education-meta{font-size:13px}}.player{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:5;height:auto;transition:var(--ease);flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;bottom:auto;left:auto;right:auto}.player:hover{border-color:#3f3f3f}.player:before{display:none}.player-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.player-left{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.player-cover{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.player-cover img{object-fit:cover;width:100%;height:100%}.player-info{text-align:left;overflow:hidden}.player-info h4{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.player-info p{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.like-btn{color:var(--text-secondary);cursor:pointer;transition:var(--ease);background:0 0;border:none;padding:4px;font-size:16px}.like-btn:hover{color:#fff;transform:scale(1.1)}.like-btn.liked{color:var(--primary)}.player-controls-row{justify-content:center;align-items:center;gap:16px;margin:4px 0;display:flex}.player-controls-row button{color:var(--text-secondary);cursor:pointer;transition:var(--ease);background:0 0;border:none;justify-content:center;align-items:center;font-size:14px;display:flex}.player-controls-row button:hover{color:#fff;transform:scale(1.08)}.player-controls-row button.play-pause{border-radius:var(--radius-avatar);width:32px;height:32px;color:#000!important;background:#fff!important;font-size:12px!important}.player-controls-row button.play-pause:hover{transform:scale(1.06);background:#f0f0f0!important}.player-progress-row{align-items:center;gap:8px;width:100%;display:flex}.player-progress-row span{color:var(--text-secondary);text-align:center;min-width:28px;font-family:Poppins,monospace;font-size:11px}.progress-bar{cursor:pointer;background:#282828;border-radius:2px;flex:1;height:4px;position:relative;overflow:visible}.progress-bar:after{content:"";position:absolute;inset:-6px 0}.progress-fill{background:#fff;border-radius:2px;width:0%;height:100%;transition:width .1s linear}.progress-bar:hover .progress-fill{background:var(--primary)}.player-volume-row{justify-content:flex-end;align-items:center;gap:8px;width:100%;padding-top:4px;display:flex}.player-volume-row button{color:var(--text-secondary);cursor:pointer;transition:var(--ease);background:0 0;border:none;font-size:12px}.player-volume-row button:hover{color:#fff}.volume-bar{cursor:pointer;background:#282828;border-radius:2px;width:70px;height:4px;position:relative}.volume-fill{background:#fff;border-radius:2px;height:100%}.volume-bar:hover .volume-fill{background:var(--primary)}#badgeCover.spinning,badgeCover.spinning{animation:10s linear infinite fa-spin}.sidebar-auth{flex-direction:column;gap:8px;margin:8px 0;padding:0 16px;display:flex}.auth-login-buttons{flex-direction:column;gap:8px;display:flex}.auth-btn{color:#fff;cursor:pointer;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.google-btn{background:#e21f26}.google-btn:hover{background:#c8181e;transform:translateY(-1px)}.github-btn{background:#24292e}.github-btn:hover{background:#2f363d;transform:translateY(-1px)}.auth-user-info{align-items:center;gap:10px;display:flex}.auth-user-avatar{border:1px solid var(--border);object-fit:cover;border-radius:50%;width:34px;height:34px}.auth-user-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.auth-logout-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;transition:color .2s;display:flex}.auth-logout-btn:hover{color:#ef4444}.post-form-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:760px;margin-bottom:24px;padding:24px}.post-form-title{color:#fff;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.post-form{flex-direction:column;gap:16px;display:flex}.post-form-group{flex-direction:column;gap:6px;display:flex}.post-form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.post-input,.post-textarea{border:1px solid var(--border);color:#fff;background:#111;border-radius:8px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.post-input:focus,.post-textarea:focus{border-color:var(--primary)}.post-textarea{resize:vertical;min-height:80px}.post-submit-btn-row{justify-content:flex-end;gap:12px;display:flex}.post-cancel-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.post-cancel-btn:hover{color:#fff;border-color:#fff3}.post-submit-btn{background:var(--primary);color:#000;cursor:pointer;opacity:.9;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.post-submit-btn:hover{opacity:1;transform:translateY(-1px)}.post-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.post-list-container{flex-direction:column;gap:16px;display:flex}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:760px;padding:24px;transition:border-color .2s,transform .2s;display:flex}.post-card:hover{border-color:#ffffff1f}.post-card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.post-card-user{align-items:center;gap:10px;display:flex}.post-card-avatar{border:1px solid var(--border);object-fit:cover;border-radius:50%;width:32px;height:32px}.post-card-meta{flex-direction:column;gap:2px;display:flex}.post-card-author{color:#fff;font-size:13px;font-weight:600}.post-card-date{color:var(--text-secondary);font-size:11px}.post-owner-actions{gap:8px;display:flex}.post-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.post-edit-btn:hover{color:var(--primary);background:#38bdf814}.post-delete-btn:hover{color:#ef4444;background:#ef444414}.post-card-body h4{color:#fff;letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.post-card-body p{color:#d1d5db;font-size:14px;line-height:1.6}.post-tech-badges{flex-wrap:wrap;gap:6px;display:flex}.post-tech-tag{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.post-card-footer{justify-content:flex-end;margin-top:4px;display:flex}.post-link-btn{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--primary);background:#38bdf808;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.post-link-btn:hover{background:var(--primary);color:#000}.auth-notice-card{border:1px dashed var(--border);text-align:center;color:var(--text-secondary);background:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:760px;padding:30px;display:flex}.auth-notice-icon{color:var(--primary);opacity:.8;font-size:24px}.auth-notice-card p{margin-bottom:4px;font-size:14px}.post-spinner{animation:1s linear infinite post-spin}@keyframes post-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-error-alert{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.post-actions-bar{border-top:1px solid var(--border);align-items:center;gap:16px;margin-top:8px;padding-top:12px;display:flex}.post-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:color .2s;display:flex}.post-action-btn:hover{color:#fff}.post-action-btn.like-btn.active{color:#ef4444}.post-comments-section{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:12px;padding-top:12px;display:flex}.comments-list{flex-direction:column;gap:10px;max-height:200px;padding-right:4px;display:flex;overflow-y:auto}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.comment-item{align-items:flex-start;gap:10px;display:flex}.comment-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:24px;height:24px}.comment-content{border:1px solid var(--border);background:#111;border-radius:8px;flex:1;padding:8px 12px}.comment-author{color:#fff;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.comment-text{color:#d1d5db;font-size:13px;line-height:1.4}.comment-form{gap:8px;margin-top:4px;display:flex}.comment-input{border:1px solid var(--border);color:#fff;background:#111;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s}.comment-input:focus{border-color:var(--primary)}.comment-send-btn{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .2s;display:flex}.comment-send-btn:hover{opacity:.9}.project-feed-wrapper{width:100%;max-width:1000px;margin-top:16px}.project-filters-container{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.filter-label{color:var(--text-secondary);letter-spacing:.5px;min-width:70px;font-size:11px;font-weight:700}.filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#1c1c1e;border-radius:20px;outline:none;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.filter-pill-btn:hover{color:#fff;border-color:#fff3}.filter-pill-btn.active{color:var(--primary);background:#38bdf81f;border-color:#0000}.projects-grid-layout{grid-template-columns:repeat(auto-fill,minmax(300px,350px));justify-content:center;gap:20px;width:100%;max-width:760px;margin:0 auto;display:grid}@media (width<=768px){.projects-grid-layout{grid-template-columns:minmax(0,350px)}}.project-grid-card{border:1px solid var(--border);background:#181818;border-radius:16px;flex-direction:column;width:100%;max-width:350px;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.project-grid-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.project-card-image-wrapper{border-bottom:1px solid var(--border);background:#121212;width:100%;height:220px;position:relative;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:100%;display:block}.placeholder-svg-mockup{width:100%;height:100%;display:block}.project-card-placeholder{background:linear-gradient(135deg,#18181b,#09090b);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.placeholder-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.placeholder-icon-animate{color:var(--primary);font-size:32px;animation:2s ease-in-out infinite placeholder-pulse}.placeholder-text{color:var(--text-secondary);letter-spacing:.05em;font-size:13px;font-weight:600}@keyframes placeholder-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.featured-ribbon-badge{color:#000;background:#eab308;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.project-card-details{flex-direction:column;flex:1;padding:20px;display:flex}.project-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.project-title-row h4{color:#fff;margin:0;font-size:18px;font-weight:700}.project-card-desc{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:14px;line-height:1.5}.project-tech-icons-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.tech-logo-icon{align-items:center;font-size:20px;transition:transform .2s;display:flex}.tech-logo-icon:hover{transform:scale(1.2)}.tech-logo-text{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff08;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.project-card-actions-row{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.reaction-pill-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:20px;outline:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.reaction-pill-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.reaction-pill-btn.active{color:#ef4444;background:#ef44440d;border-color:#ef44444d}.card-visit-link-btn{color:var(--primary);background:#38bdf81f;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.card-visit-link-btn:hover{color:var(--primary);background:#38bdf838;border-color:#0000}.card-admin-actions{gap:8px;display:flex}.card-admin-btn{cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;transition:color .2s}.card-admin-btn.edit-btn{color:var(--text-secondary)}.card-admin-btn.edit-btn:hover{color:var(--primary)}.card-admin-btn.delete-btn{color:var(--text-secondary)}.card-admin-btn.delete-btn:hover{color:#ef4444}.post-form-row{margin-bottom:0}.post-select{border:1px solid var(--border);color:#fff;cursor:pointer;background:#111;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.post-select:focus{border-color:var(--primary)}.searchable-dropdown-container{width:100%;position:relative}.searchable-dropdown-menu{border:1px solid var(--border);z-index:100;background:#181818;border-radius:12px;width:100%;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 16px #0009}.dropdown-options-list{max-height:200px;padding:8px 0;overflow-y:auto}.dropdown-options-list::-webkit-scrollbar{width:6px}.dropdown-options-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dropdown-option-item{cursor:pointer;align-items:center;padding:10px 16px;transition:background .2s;display:flex}.dropdown-option-item:hover{background:#ffffff0a}.tech-option-pill{border:1px solid var(--border);color:#fff;background:#ffffff0a;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.dropdown-no-results{color:var(--text-secondary);text-align:center;padding:14px 16px;font-size:13px}.dropdown-footer{border-top:1px solid var(--border);background:#121212;justify-content:flex-end;padding:10px 16px;display:flex}.dropdown-footer i{color:var(--text-secondary);cursor:pointer;font-size:12px;transition:color .2s}.dropdown-footer i:hover{color:var(--primary)}.selected-tech-tags-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.selected-tag-capsule{border:1px solid var(--primary);color:#fff;background:#38bdf80d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.tag-capsule-icon{align-items:center;font-size:14px;display:flex}.remove-tag-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 0 0 4px;font-size:16px;line-height:1;transition:color .2s;display:flex}.remove-tag-btn:hover{color:#ef4444}.projects-slider-layout{scrollbar-width:none;-ms-overflow-style:none;gap:20px;width:100%;padding:10px 4px 20px;display:flex;overflow-x:auto}.projects-slider-layout::-webkit-scrollbar{display:none}.projects-slider-layout .project-grid-card{flex:0 0 350px;width:350px;max-width:350px}.slider-outer-wrapper{width:100%;position:relative}.slider-nav-btn{border:1px solid var(--border);color:#fff;cursor:pointer;z-index:10;opacity:0;background:#181818d9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000080}.slider-outer-wrapper:hover .slider-nav-btn{opacity:1}.slider-nav-btn:hover{color:var(--primary);background:#38bdf81f;border-color:#0000;transform:translateY(-50%)scale(1.1)}.slider-nav-btn.left{left:-20px}.slider-nav-btn.right{right:-20px}@media (width<=768px){.slider-nav-btn{display:none}}.slider-scrollbar-track{background:#ffffff14;border-radius:4px;width:120px;height:4px;margin:16px auto 0;position:relative;overflow:hidden}.slider-scrollbar-thumb{background:#38bdf866;border-radius:4px;height:100%;transition:left .1s ease-out,width .1s ease-out;position:absolute;top:0}.reaction-add-btn{border:1px dashed var(--border);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.reaction-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#38bdf80d}.reaction-emoji-picker-inline{border:1px solid var(--border);background:#161616;border-radius:12px;margin-top:14px;padding:12px 16px;animation:.2s ease-out forwards slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.picker-inline-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.picker-inline-header span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.picker-inline-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:11px;transition:color .15s}.picker-inline-close-btn:hover{color:#fff}.picker-inline-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.picker-inline-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:18px;transition:all .15s;display:flex}.picker-inline-emoji-btn:hover{background:#ffffff0f;transform:scale(1.15)}.picker-inline-emoji-btn.active{background:#38bdf826}.reaction-login-tooltip{color:#000;white-space:nowrap;z-index:110;background:#fff;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;animation:.2s forwards fadeInUpTooltip;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 12px #0000004d}.reaction-login-tooltip:after{content:"";border:5px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:12px}@keyframes fadeInUpTooltip{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skeleton-card{pointer-events:none;border:1px solid var(--border)}.skeleton-image{background:#1a1a1a;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:200px}.skeleton-title{background:#242424;border-radius:4px;width:60%;height:18px;margin-top:8px;margin-bottom:12px}.skeleton-text{background:#1f1f1f;border-radius:4px;width:100%;height:12px;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-tech-row{gap:8px;margin-top:14px;margin-bottom:14px;display:flex}.skeleton-tech-icon{background:#1a1a1a;border-radius:4px;width:24px;height:24px}.skeleton-actions-row{border-top:1px solid var(--border);gap:12px;margin-top:14px;padding-top:14px;display:flex}.skeleton-action-btn{background:#1a1a1a;border-radius:20px;width:60px;height:28px}.skeleton-pill{background:#1a1a1a;border-radius:20px;width:70px;height:30px;display:inline-block}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background-image:linear-gradient(90deg,#fff0 0%,#ffffff08 20%,#ffffff14 60%,#fff0 100%);animation:1.6s infinite shimmerAnim;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmerAnim{to{transform:translate(100%)}}.chat-container{border:1px solid var(--border);background:#0c0c0d;border-radius:12px;flex-direction:column;height:calc(100vh - 280px);min-height:500px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.chat-messages-list{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-message-item{align-self:flex-start;align-items:flex-start;gap:12px;max-width:85%;display:flex}.chat-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:36px;height:36px}.chat-message-content{flex-direction:column;gap:4px;display:flex}.chat-message-header{align-items:center;gap:8px;display:flex}.chat-sender-name{color:#fff;font-size:13px;font-weight:600}.chat-sender-badge{color:var(--primary);text-transform:uppercase;background:#38bdf81f;border-radius:50px;padding:1px 6px;font-size:9px;font-weight:700}.chat-timestamp{color:var(--text-secondary);font-size:10px}.chat-bubble{border:1px solid var(--border);color:#e4e4e7;white-space:pre-wrap;background:#1c1c1e;border-radius:4px 16px 16px;padding:10px 16px;font-size:14px;line-height:1.5;position:relative}.chat-bubble-container:hover .chat-action-delete{opacity:1}.chat-action-delete{color:#ef4444;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:opacity .2s,background-color .2s,color .2s;display:flex}.chat-action-delete:hover{color:#f87171;background:#ef444414}.chat-input-area{border-top:1px solid var(--border);background:#121214;padding:14px 20px}.chat-input-form{align-items:center;gap:12px;display:flex}.chat-input-field{border:1px solid var(--border);color:#fff;background:#1c1c1e;border-radius:20px;outline:none;flex:1;padding:10px 18px;font-size:13.5px;transition:border-color .2s}.chat-input-field:focus{border-color:var(--primary)}.chat-send-btn{width:38px;height:38px;color:var(--primary);cursor:pointer;background:#38bdf81f;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background-color .2s,transform .2s;display:flex}.chat-send-btn:hover:not(:disabled){background:#38bdf838;transform:scale(1.04)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-read-only-notice{text-align:center;color:var(--text-secondary);font-size:12px;font-style:italic}.chat-attach-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.chat-attach-btn:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#fff3}.chat-bubble-image{cursor:pointer;border-radius:8px;max-width:100%;max-height:250px;margin-bottom:6px;transition:opacity .2s;display:block}.chat-bubble-image:hover{opacity:.9}.chat-file-attachment{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;text-decoration:none;transition:background-color .2s;display:flex}.chat-file-attachment:hover{background:#ffffff14}.chat-file-icon{color:var(--primary);font-size:20px}.chat-file-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;font-weight:500;overflow:hidden}.chat-file-download{color:var(--text-secondary);margin-left:auto;font-size:12px}.chat-attachment-preview-bar{border-top:1px solid var(--border);background:#141416;align-items:center;gap:12px;padding:10px 20px;display:flex}.chat-preview-thumbnail-wrapper{width:44px;height:44px;position:relative}.chat-preview-thumbnail{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:100%;height:100%}.chat-preview-file-card{border:1px solid var(--border);background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:relative}.chat-preview-close-btn{color:#fff;cursor:pointer;z-index:10;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;transition:background-color .2s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000080}.chat-preview-close-btn:hover{background:#dc2626}.chat-preview-info{color:#e4e4e7;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}.chat-lightbox{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#000000b3;flex-direction:column;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:fixed;top:0;left:0}.chat-lightbox-header{background:#121212cc;border-bottom:1px solid #ffffff0d;align-items:center;gap:16px;height:60px;padding:0 24px;display:flex}.chat-lightbox-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.chat-lightbox-back-btn:hover{background:#ffffff1a}.chat-lightbox-sender{align-items:center;gap:10px;display:flex}.chat-lightbox-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.chat-lightbox-info{flex-direction:column;display:flex}.chat-lightbox-name{color:#fff;font-size:14px;font-weight:600}.chat-lightbox-time{color:var(--text-secondary);font-size:11px}.chat-lightbox-content{flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow:hidden}.chat-lightbox-image{object-fit:contain;border-radius:4px;max-width:90%;max-height:90%;animation:.25s cubic-bezier(.4,0,.2,1) zoomIn;box-shadow:0 10px 30px #00000080}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#news.section{margin-bottom:0}.chat-bubble-container{align-items:center;gap:8px;max-width:100%;display:flex;position:relative}.chat-reaction-action-container{display:inline-block;position:relative}.chat-reaction-trigger-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:opacity .2s,background-color .2s,color .2s;display:flex}.chat-bubble-container:hover .chat-reaction-trigger-btn,.chat-reaction-action-container:focus-within .chat-reaction-trigger-btn,.chat-reaction-trigger-btn.active{opacity:1}.chat-reaction-trigger-btn:hover{color:#fff;background:#ffffff14}.chat-floating-emoji-picker{z-index:1000;border:1px solid var(--border);background:#161616;border-radius:12px;width:280px;margin-top:0;padding:12px;animation:.25s ease-out forwards fadeInUpTooltip;display:block;position:absolute;top:calc(100% + 6px);left:-10px;box-shadow:0 10px 25px #00000080}@media (width<=1200px){.app{grid-template-columns:240px 1fr}}@media (width<=768px){.app{grid-template-columns:1fr;gap:8px;padding:8px}.app>.sidebar{z-index:999;border-radius:0;width:280px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app>.sidebar.active{transform:translate(0)}.menu-toggle{width:36px;height:36px;color:var(--primary);border:1.5px solid var(--primary);cursor:pointer;transition:var(--ease);background:#38bdf81f;border-radius:8px;justify-content:center;align-items:center;display:flex}.menu-toggle:hover{background:#38bdf83d;transform:scale(1.05)}.navbar{padding:16px 12px}.search-bar{margin:0 8px}.upgrade-btn{padding:8px 16px;font-size:12px}.content-wrapper{padding:16px 8px}.hero{margin:-16px -8px 32px;padding:60px 16px 32px}.hero h1{font-size:32px}.contact-wrapper{grid-template-columns:1fr}.player{width:100%;padding:12px}.welcome-content h1{font-size:20px!important}.welcome-content p{font-size:18px!important}#enterBtn{padding:12px 20px!important;font-size:11px!important}#skipBtn{font-size:16px!important}}@media (width<=480px){.projects-grid{grid-template-columns:1fr}.hero h1{font-size:28px}.hero-buttons{flex-wrap:wrap}.welcome-content h1{font-size:16px!important}}