*{cursor:none;box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-bg);color:var(--text-primary);font-family:Arial,sans-serif;line-height:1.6}html{scroll-behavior:smooth}hr{color:#00f604eb;background-color:#b0fa02b7}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}.menu-button{background:var(--surface-bg);width:45px;height:45px;color:var(--text-primary);cursor:pointer;border:1px solid #e5e5e5;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.menu-button:hover{color:#fff;background-color:#111;transform:translateY(-2px)}.mobile-sidebar{background:var(--surface-bg);width:360px;max-width:85vw;height:100vh;color:var(--text-primary);z-index:2000;padding:30px;transition:right .35s;position:fixed;top:0;right:-360px;box-shadow:-15px 0 40px #0000001f}.mobile-sidebar.open{right:0}.sidebar-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding-bottom:25px;font-size:1.2rem;font-weight:700;display:flex}.close-button{background:var(--surface-bg);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex}.close-button:hover{color:#fff;background-color:#111}.mobile-nav-links{flex-direction:column;gap:10px;margin-top:30px;display:flex}.mobile-nav-links a{background:var(--surface-bg);color:var(--text-primary);border-radius:10px;align-items:center;gap:15px;padding:15px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.mobile-nav-links a:hover{color:#000;background-color:#f3f3f3;transform:translate(5px)}.mobile-nav-links svg{font-size:1.1rem}.menu-overlay{z-index:1500;background-color:#00000073;position:fixed;inset:0}.header{background:var(--surface-bg);width:100%;color:var(--text-primary);z-index:1000;border-bottom:1px solid #eeeeee5b;justify-content:space-between;align-items:center;padding:20px 8%;display:flex;position:sticky;top:0}.logo-D{color:#7c3aed;background-color:#000;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:5px;font-family:Arial,sans-serif;font-size:28px;font-weight:800;transition:all .3s;display:inline-flex;transform:rotate(-34deg);box-shadow:0 4px 12px #00000026}.logo-D:hover{background-color:#000;border-radius:7px;transform:rotate(0)scale(1.08)}:root[data-theme=dark] .logo-D{color:#5c02f7;background:#fff}.logo-tech{background:var(--surface-bg);color:var(--text-primary);border-radius:5px;font-weight:800}.logo{color:#111;letter-spacing:-2px;font-size:1.8rem;font-weight:700}.navbar{align-items:center;display:flex}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#333;font-size:1rem;font-weight:500;transition:color .3s}.nav-links a:hover{color:#666}.home-container{justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;display:flex}.home-content{z-index:2;flex:1;max-width:650px}.home-typewriter{min-height:35px;margin-top:15px;margin-bottom:20px;font-size:1.25rem;font-weight:600}.typewriter-text{color:var(--accent-color,#00d4ff)}.home-image-container{z-index:1;justify-content:center;align-items:center;width:420px;height:520px;display:flex;position:relative}.profile-image-glow{background:var(--accent-color,#00d4ff);filter:blur(100px);opacity:.15;z-index:-1;border-radius:50%;width:350px;height:350px;position:absolute}.profile-image-wrapper{background:#ffffff08;border:2px solid #ffffff1f;border-radius:200px 200px 30px 30px;width:390px;height:490px;overflow:hidden;box-shadow:0 25px 70px #00000073,0 0 40px #00d4ff14}.profile-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s;display:block}.profile-image-wrapper:hover .profile-image{transform:scale(1.03)}@media (width<=900px){.home-container{text-align:center;flex-direction:column;gap:40px}.home-content{max-width:700px}.home-buttons,.home-tech{justify-content:center}.home-image-container{width:340px;height:420px}.profile-image-wrapper{width:320px;height:400px}}@media (width<=500px){.home-container{padding:30px 15px}.home-image-container{width:290px;height:360px}.profile-image-wrapper{width:270px;height:340px}.home-typewriter{font-size:1rem}}.home{background:var(--surface-bg);min-height:calc(100vh - 81px);color:var(--text-primary);text-align:center;justify-content:center;align-items:center;padding:100px 8%;display:flex;position:relative;overflow:hidden}.home-glow{filter:blur(90px);pointer-events:none;opacity:.5;border-radius:50%;width:320px;height:320px;position:absolute}.main-back{opacity:.8;color:#ff8000}.glow-one{background:#0000000f;top:10%;left:5%}.glow-two{background:#0000000d;bottom:10%;right:5%}.home-content{z-index:1;max-width:900px;position:relative}.home-badge{background:var(--surface-bg);color:var(--text-primary);border:1px solid #e5e5e539;border-radius:50px;align-items:center;gap:10px;margin-bottom:25px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.status-dot{background-color:#adff2f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ffffff0f}.home-greeting{color:#666;margin-bottom:8px;font-size:1.1rem;font-weight:500}.home h1{color:var(--text-primary);letter-spacing:-4px;margin-bottom:15px;font-size:clamp(3.5rem,9vw,7rem);font-weight:800;line-height:.95}.home h1 span{color:#777}.home h2{color:#333;margin-bottom:25px;font-size:clamp(1.4rem,3vw,2rem);font-weight:500}.home-description{color:#666;max-width:680px;margin:0 auto 35px;font-size:1.08rem;line-height:1.8}.home-buttons{justify-content:center;gap:15px;margin-bottom:35px;display:flex}.btn{color:#fff;background:#25d366;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:155px;padding:12px 20px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 25px #25d36640}.btn svg{font-size:22px}.btn:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 12px 30px #25d36666}.btn:active{transform:scale(.96)}.primary-btn{color:#fff;background-color:#111;box-shadow:0 10px 25px #0000001f}.primary-btn:hover{background-color:#2a2a2a;transform:translateY(-4px);box-shadow:0 15px 30px #0000002e}.secondary-btn{color:#111;background-color:#fff;border:1px solid #dcdcdc}.secondary-btn:hover{color:#fff;background-color:#111;transform:translateY(-4px)}.home-tech{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.home-tech span{color:#666;background-color:#f8f8f8cc;border:1px solid #e5e5e5;border-radius:50px;padding:7px 12px;font-size:.78rem;font-weight:600}.home-tech span:hover{color:#fff;background-color:#4b4a4ad6}.scroll-indicator{color:#888;letter-spacing:.5px;align-items:center;gap:10px;font-size:.75rem;font-weight:600;transition:color .3s;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll-indicator span{border-bottom:1px solid #888;border-right:1px solid #888;width:7px;height:7px;animation:1.5s infinite scrollDown;transform:rotate(45deg)}.scroll-indicator:hover{color:#111}@keyframes scrollDown{0%{transform:rotate(45deg)translate(0)}50%{transform:rotate(45deg)translate(4px,4px)}to{transform:rotate(45deg)translate(0)}}.about{background:var(--surface-bg);color:var(--text-primary);padding:100px 8%}.section-heading{text-align:center;margin-bottom:50px}.section-label{text-transform:uppercase;letter-spacing:2px;color:#777;margin-bottom:8px;font-size:.9rem;font-weight:600}.section-heading h2{background:var(--surface-bg);color:var(--text-primary);font-size:2.5rem}.about-content{grid-template-columns:1.5fr 1fr;align-items:start;gap:60px;max-width:1100px;margin:0 auto;display:grid}.about-text{flex-direction:column;gap:20px;display:flex}.about-text p{color:#555;font-size:1.05rem;line-height:1.8}.about-info{flex-direction:column;gap:20px;display:flex}.info-box{background:var(--surface-bg);color:var(--text-primary);border:1px solid #e5e5e5;border-radius:10px;padding:25px}.info-box h3{background:var(--surface-bg);color:var(--text-primary);margin-bottom:8px;font-size:1.1rem}.info-box p,.info-box ul{color:#666;font-size:.95rem}.skills{background:var(--surface-bg);color:var(--text-primary);padding:100px 8%}.skills-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto;display:grid}.skill-card{background:var(--surface-bg,#f8fafc);color:var(--text-primary,#171717);border:1px solid var(--border-color,#e5e7eb);border-radius:16px;padding:24px;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s;box-shadow:0 4px 15px #00000014}.skill-card h3{color:var(--text-primary,#171717);margin-bottom:10px;font-size:1.2rem}.skill-card p{color:var(--text-secondary,#525252);font-size:.95rem;line-height:1.7}:root[data-theme=dark] .skill-card{box-shadow:0 4px 20px #0003}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.projects{background:var(--surface-bg);color:var(--text-primary)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1100px;margin:0 auto;display:grid}.project-card{background:var(--surface-bg);color:var(--text-primary);box-shadow:#000;transition:transform .3s ease, box-shadow .3s ease, #ffa600e2;border:1px solid #e5e5e513;border-radius:20px;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014}.project-content{padding:30px}.project-number{background:var(--surface-bg);color:#888;margin-bottom:15px;font-size:.85rem;font-weight:700}.project-card h3{background:var(--surface-bg);color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.project-card p{color:#666;line-height:1.7}.project-card{border-radius:16px;height:100%;position:relative;overflow:hidden}.project-image-wrapper{aspect-ratio:16/9;background:#eee;border-radius:12px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.project-image-link{cursor:pointer;width:100%;height:100%;display:block}.card-image{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.project-image-link:hover .card-image{transform:scale(1.03)}.project-image-wrapper .image-number{z-index:2;color:red;pointer-events:none;background:#fff0;border:1px solid #ff0303;border-radius:8px;margin:0;padding:7px 12px;font-size:18px;font-weight:700;line-height:1.2;position:absolute;top:12px;left:12px}:root[data-theme=dark] .project-number.image-number{color:#ff4000;background:#fff0}.project-content{z-index:1;min-width:0;position:relative}.project-content h3{margin-top:0}.project-tech{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.project-tech span{color:#444;background-color:#f1f1f1;border-radius:20px;padding:5px 10px;font-size:.8rem}:root[data-theme=dark] .project-tech span{color:#ddd;background-color:#2c2c2c}.project-links{gap:20px;display:flex}.project-links a{background:var(--surface-bg);color:var(--text-primary);font-size:.9rem;font-weight:600;transition:opacity .3s}.project-links a:hover{opacity:.6}.contact{background:var(--surface-bg);color:var(--text-primary);text-align:center}.contact-text{background:var(--surface-bg);max-width:650px;color:var(--text-primary);margin:0 auto 40px;font-size:1.05rem;line-height:1.8}.contact-links{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto 2rem;display:grid}.contact-link{color:#222;background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:20px;font-weight:600;transition:transform .3s,box-shadow .3s;display:flex}.contact-link svg{font-size:1.4rem}.contact-link:hover{color:#fff;background-color:#424141;transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.phone-link{color:#fff;background:#0f8;border:1px solid #07f803;transition:all .3s}.phone-link:hover{color:#0f8;transform:flip(360deg);filter:drop-shadow(0 0 8px #00ff7780);background:#fff;border:1px solid #08d108;transform:translateY(20px)}.email-link{color:#fff;background-color:#3d3b3b;border:1px solid #0889df;transition:all .3s}.email-link:hover{color:red;transform:flip(360deg);filter:drop-shadow(0 0 8px #ffc40080);background:#fff;transform:translateY(20px)}.whatsapp-link{color:#fff;background:#3fc920;border:1px solid #fff200;transition:all .3s}.whatsapp-link:hover{color:#3fc920;transform:flip(360deg);filter:drop-shadow(0 0 8px #00ff6a80);background:#fefdfe;transform:translateY(20px)}.instagram-link{color:#fff;background:linear-gradient(45deg,#feda75,#d62976,#962fbf,#4f5bd5);border:1px solid #ff0303;transition:all .3s}.instagram-link:hover{color:#0a66c2;transform:flip(360deg);filter:drop-shadow(0 0 8px #f33c8e80);transform:translateY(20px)}.facebook-link{color:#fff;background:#1877f2;border:1px solid #f82b02;transition:all .3s}.facebook-link:hover{color:#0a66c2;transform:flip(360deg);filter:drop-shadow(0 0 8px #005eff80);background:#fff;transform:translateY(20px)}.linkedin-link{color:#fff;background:#0a66c2;border:1px solid #00ff2f;transition:all .3s}.linkedin-link:hover{color:#0a66c2;transform:flip(360deg);filter:drop-shadow(0 0 8px #00ffea80);background:#fff;transform:translateY(20px)}.github-link{color:#fff;background:#24292e;border:1px solid #b0139d;transition:all .3s}.github-link:hover{color:#fff;transform:flip(360deg);filter:drop-shadow(0 0 8px #b3ff0080);background:#c962c9;transform:translateY(20px)}.X-link{color:#fff;background-color:#000;border:1px solid #da5f71;transition:all .3s}.X-link:hover{color:#fff;transform:flip(360deg);filter:drop-shadow(0 0 8px #ff00a280);background:#1da1f2;transform:translateY(20px)}.tube-link{color:#fff;background-color:red;border:1px solid #9c999a;transition:all .3s}.tube-link:hover{color:red;filter:drop-shadow(0 0 8px #ff000080);transform:scale(1.15);transform:flip(360deg);background-color:#fff;transform:translateY(20px)}.footer{width:100%;height:50%;color:var(--text-primary);padding:60px 8% 25px}.footer-art{width:300px;height:240px;color:var(--text-primary);isolation:isolate;margin:20px auto;position:relative}.footer-orb{background:var(--surface-bg);color:var(--text-primary);filter:saturate(1.2);border-radius:50%;animation:6s ease-in-out infinite orb-float;position:absolute}.orb-one{background:radial-gradient(circle at 30% 25%,#d8b4fe,#7c3aed 55%,#3b0764);width:115px;height:115px;top:45px;left:55px;box-shadow:0 0 35px #8b5cf655}.orb-two{background:radial-gradient(circle at 30% 25%,#a5f3fc,#06b6d4 55%,#164e63);width:85px;height:85px;animation-delay:-2s;top:85px;left:145px;box-shadow:0 0 30px #06b6d455}.orb-three{background:radial-gradient(circle at 30% 25%,#fbcfe8,#ec4899 60%,#831843);width:55px;height:55px;animation-delay:-4s;top:20px;left:165px;box-shadow:0 0 25px #ec489955}.orb-four{background:linear-gradient(135deg,#fde68a,#f59e0b);width:32px;height:32px;top:155px;left:75px;box-shadow:0 0 20px #f59e0b66}.footer-core{z-index:3;background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:99px;left:122px;box-shadow:0 0 18px #fffa}.footer-orbit{border:1px solid #a78bfa88;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.orbit-one{width:250px;height:125px}.orbit-two{border-color:#22d3ee66;width:200px;height:205px;transform:translate(-50%,-50%)rotate(45deg)}.footer-dot{background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 12px}.dot-one{color:#c084fc;top:32px;left:50px}.dot-two{color:#22d3ee;top:168px;left:205px}.dot-three{color:#f472b6;width:6px;height:6px;top:55px;left:238px}@keyframes orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=480px){.footer-art{transform-origin:50%;margin:0 auto;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.footer-orb{animation:none}}.footer-brand{max-width:1100px;color:var(--text-primary);text-align:center;margin:0 auto}.footer-logo{width:130px;height:50px;color:var(--text-primary);border-radius:10px;margin-bottom:10px;font-size:1.8rem;font-weight:700;display:inline-block}.footer-brand p{color:var(--text-primary);font-size:.95rem}.footer-nav{max-width:700px;color:var(--text-primary);flex-wrap:wrap;justify-content:center;gap:25px;margin:35px auto;display:flex}.footer-nav a{color:var(--text-primary);font-size:.95rem;transition:color .3s}.footer-nav a:hover{color:#fff}.footer-bottom{max-width:1100px;color:var(--text-primary);margin:0 auto;margin:bottom 2rem;border-top:1px solid #333;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;display:flex}.footer-bottom p{color:var(--text-primary);font-size:.85rem}.footer-bottom a{color:var(--text-primary);font-size:.85rem;transition:color .3s}.footer-bottom a:hover{color:#fff}.floating-message-button{background:var(--surface-bg);color:var(--text-primary);cursor:pointer;z-index:9999;border:none;border-radius:30px;align-items:center;gap:10px;padding:13px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:20px;right:25px;box-shadow:0 8px 25px #00000040}.floating-message-button:hover{border:1px solid #3b82f6;box-shadow:0 0 15px #3b82f680;transform:translateY(-2px)!important}.floating-message-button:active{transform:scale(.97)!important}.floating-message-button svg{font-size:17px}.floating-message-button:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000059}.message-box{color:#111;z-index:10000;background:#fff;border-radius:15px;width:350px;padding:20px;animation:.25s messageBoxAppear;position:fixed;bottom:85px;right:25px;box-shadow:0 15px 45px #0000004d}.message-box:hover{border-color:var(--accent-color,#6366f1)!important;transform:translateY(-2px)!important}:root[data-theme=dark] .message-box{color:#fff;z-index:10000;background:#4d4c4c;box-shadow:0 15px 45px #ffffff40}@keyframes messageBoxAppear{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.message-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.message-header h3{color:var(--text-primary);margin:0;font-size:19px;font-weight:700}.message-header button{background:var(--surface-bg);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.message-header button:hover{background:#ddd;transform:rotate(90deg)}.message-box form{flex-direction:column;gap:12px;display:flex}.message-box input,.message-box textarea{box-sizing:border-box;color:#111;background:#fafafa;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border .2s,box-shadow .2s}.message-box input:focus,.message-box textarea:focus{background:#fff;border-color:#111;box-shadow:0 0 0 2px #00000014}.message-box textarea{resize:vertical;min-height:110px}.message-box input::placeholder,.message-box textarea::placeholder{color:#888}.send-message-button{background:var(--surface-bg);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.send-message-button:hover{color:#fff;background:#1c1c1c;transform:translateY(-2px)}@media (width<=600px){.floating-message-button{padding:12px 15px;font-size:13px;bottom:15px;right:15px}.message-box{width:calc(100% - 30px);max-width:350px;padding:18px;bottom:75px;right:15px}}@media (width<=380px){.floating-message-button{padding:11px 13px;bottom:12px;right:12px}.floating-message-button span{display:none}.floating-message-button{justify-content:center;width:48px;height:48px;padding:0}.floating-message-button svg{font-size:18px}.message-box{width:calc(100% - 20px);padding:16px;bottom:70px;right:10px}}.back-to-top{z-index:1000;border-width:10px;border-color:#0f8;border-radius:35px 35px 0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2.5rem;font-size:2rem;transition:transform .3s;display:flex;position:fixed;bottom:90px;right:30px;box-shadow:1px 2px 2px 1px #938d0deb;background:var(--toggle-bg,#fff)!important;color:var(--toggle-text,#171717)!important}.back-to-top:hover{color:#f5f5f5;background:#424141;font-size:1.2rem;transform:rotate(360deg);box-shadow:1px 2px 2px 1px #f9e101fb}.cursor-dot{pointer-events:none;z-index:99999;background:#ff5e00;border-radius:50%;width:8px;height:8px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffffe6,0 0 18px #fff9}.cursor-ring{pointer-events:none;z-index:99998;border:1.5px solid #ff4d01b3;border-radius:50%;width:35px;height:35px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #ffffff26,inset 0 0 10px #ffffff0d}.logo-tooltip{color:#fff;letter-spacing:.2px;z-index:1000;background:#111111dc;border:2.6px solid #5b5a5a;border-radius:10px;width:300px;padding:16px 18px;font-size:14px;line-height:1.8;position:absolute;top:80px;left:85px;box-shadow:0 10px 30px #00000080}.logo-tooltip:before{content:"";background:#111;border-top:1px solid #333;border-left:1px solid #333;width:12px;height:12px;position:absolute;top:-7px;left:22px;transform:rotate(45deg)}@media (width<=900px){.header{padding:18px 5%}.nav-links{gap:18px}.home{padding:70px 5%}.home h1{font-size:3.2rem}.about-content{grid-template-columns:1fr;gap:40px}.skills-grid,.projects-grid,.contact-links{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.header{flex-direction:column;gap:15px;padding:15px 5%}.logo{font-size:1.6rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px}.nav-links a{font-size:.85rem}.home{min-height:auto;padding:80px 5%}.home h1{font-size:2.5rem}.home h2{font-size:1.4rem}.home-description{font-size:1rem}.home-buttons{flex-direction:column;align-items:center}.btn{text-align:center;width:100%;max-width:280px}.section-heading h2{font-size:2rem}.about,.skills{padding:80px 5%}.skills-grid{grid-template-columns:1fr}.projects{padding:80px 5%}.projects-grid{grid-template-columns:1fr}.contact{padding:80px 5%}.contact-links{grid-template-columns:1fr}.footer{padding:50px 5% 20px}.footer-nav{gap:15px}.footer-bottom{text-align:center;flex-direction:column}}.reviews-page{background:var(--surface-bg);width:100%;min-height:100vh;color:var(--text-primary);box-sizing:border-box;padding:80px 20px}.reviews-page:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.reviews-container{width:100%;max-width:1200px;margin:0 auto}.reviews-header{text-align:center;background:var(--surface-bg);color:var(--text-primary);margin-bottom:50px}.reviews-header h1{color:var(--text-primary);margin:0 0 10px;font-size:42px}.reviews-header p{margin:0;font-size:17px}.review-form-card{background:var(--surface-bg);width:100%;max-width:700px;color:var(--text-primary);box-sizing:border-box;border-radius:16px;flex:0 0 300px;margin:0 auto 70px;padding:30px;box-shadow:0 10px 30px #00000014}.review-form-card h2{background:var(--surface-bg);color:var(--text-primary);margin:0 0 25px;font-size:25px}.review-input-group{background:var(--surface-bg);color:var(--text-primary);flex-direction:column;margin-bottom:20px;display:flex}.review-input-group label{background:var(--surface-bg);color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.review-input-group input,.review-input-group textarea{background:var(--surface-bg);width:100%;color:var(--text-primary);box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:13px 15px;font-family:inherit;font-size:15px;transition:all .2s}.review-input-group input:focus,.review-input-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.review-input-group textarea{resize:vertical;min-height:130px}.submit-review-btn{background:var(--surface-bg);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .25s}.submit-review-btn:hover{background:#2563eb}.submit-review-btn:disabled{opacity:.6;cursor:not-allowed}.review-message{text-align:center;background:var(--surface-bg);color:var(--text-primary);margin:15px 0 0;font-size:14px}.reviews-section{flex:0 0 300px;width:100%}.reviews-section::-webkit-scrollbar{display:none}.reviews-section{scrollbar-width:none}.reviews-section-header{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:20px;width:100%;margin-bottom:25px;padding:20px 10px;display:flex;overflow:auto hidden}.reviews-section-header h2{background:var(--surface-bg);color:var(--text-primary);margin:0 0 0 6.5rem;font-size:28px}.reviews-status{text-align:center;background:var(--surface-bg);color:var(--text-primary);padding:30px}.reviews-list{scroll-behavior:smooth;gap:20px;padding:10px 5px 25px;display:flex;overflow-x:auto}.reviews-list::-webkit-scrollbar{height:8px}.reviews-list::-webkit-scrollbar-track{background:#e5e7eb;border-radius:20px}.reviews-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:20px}.review-card{background:var(--surface-bg);min-height:220px;color:var(--text-primary);box-sizing:border-box;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:0 0 320px;justify-content:space-between;padding:25px;transition:transform .25s,box-shadow .25s;display:flex}.review-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.review-person h3{background:var(--surface-bg);color:var(--text-primary);margin:0 0 5px;font-size:18px}.review-person a{color:var(--text-primary);word-break:break-word;background:var(--surface-bg);font-size:13px;text-decoration:none}.review-person a:hover{text-decoration:underline}.review-text{background:var(--surface-bg);color:var(--text-primary);margin:20px 0;font-size:15px;line-height:1.7}.review-card small{background:var(--surface-bg);color:var(--text-primary);font-size:12px}.admin-section{background:var(--surface-bg);width:100%;max-width:700px;color:var(--text-primary);box-sizing:border-box;border:1px solid #e5e7eb;border-radius:16px;margin:0 auto 60px;padding:25px}.admin-section h2{background:var(--surface-bg);color:var(--text-primary);margin:0 0 20px}.admin-login-form{width:100%}.admin-login-btn{background:var(--surface-bg);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;padding:13px 20px;font-size:15px;font-weight:600;transition:all .25s}.admin-login-btn:hover{background:#2563eb}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-message{text-align:center;color:#374151;margin-top:15px;font-size:14px}.admin-logged-in{justify-content:space-between;align-items:center;gap:15px;display:flex}.admin-logged-in p{color:#374151;word-break:break-word;margin:0}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.logout-btn:hover{background:#b91c1c}.delete-review-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;margin-top:15px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s}.delete-review-btn:hover{background:#ff3d02;box-shadow:0 10px 25px #00000014}.reviews-list{scroll-behavior:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-behavior:auto;scroll-snap-type:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:stretch;gap:20px;width:100%;display:flex;overflow:auto hidden}.reviews-list .review-card{scroll-snap-align:start;flex:0 0 320px}.reviews-list:hover{cursor:grab}@media (width<=768px){.reviews-list .review-card{flex-basis:290px}}@media (width<=480px){.reviews-list .review-card{flex-basis:270px}}@media (prefers-reduced-motion:reduce){.reviews-list{scroll-behavior:auto}}@media (width<=600px){.admin-logged-in{flex-direction:column;align-items:stretch}.logout-btn{width:100%}}@media (width<=768px){.reviews-page{padding:60px 16px}.reviews-header h1{font-size:34px}.reviews-header p{font-size:15px}.review-form-card{margin-bottom:50px;padding:25px}.review-card{flex:0 0 290px}}@media (width<=480px){.reviews-page{padding:45px 12px}.reviews-header{margin-bottom:35px}.reviews-header h1{font-size:30px}.reviews-header p{font-size:14px}.review-form-card{border-radius:12px;padding:20px}.review-form-card h2{font-size:22px}.review-card{flex:0 0 270px;padding:20px}.reviews-section-header h2{font-size:24px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#fff;--surface-bg:#f8fafc;--surface-muted:#f1f5f9;--text-primary:#171717;--text-secondary:#525252;--border-color:#e5e7eb;--accent-color:#6366f1;--toggle-bg:#fff;--toggle-text:#171717;--toggle-border:#d1d5db;--toggle-shadow:0 4px 20px #00000026}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0b0b0f;--surface-bg:#14141b;--surface-muted:#1d1d27;--text-primary:#f5f5f7;--text-secondary:#b4b4c0;--border-color:#30303b;--accent-color:#818cf8;--toggle-bg:#20202a;--toggle-text:#fff;--toggle-border:#414151;--toggle-shadow:0 4px 22px #0006}*{box-sizing:border-box}html{background-color:var(--page-bg);scroll-behavior:smooth;min-height:100%}body{background-color:var(--page-bg);min-height:100vh;color:var(--text-primary);margin:0;transition:background-color .3s,color .3s}#root{background-color:var(--page-bg);min-height:100vh;color:var(--text-primary)}.app-root{background-color:var(--page-bg);min-height:100vh;color:var(--text-primary);transition:background-color .3s,color .3s;position:relative}.theme-toggle{z-index:2147483647!important;background:var(--toggle-bg,#fff)!important;min-width:46px!important;min-height:46px!important;color:var(--toggle-text,#171717)!important;border:1px solid var(--toggle-border,#d1d5db)!important;box-shadow:var(--toggle-shadow)!important;text-align:center!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;appearance:none!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:12px 17px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,transform .2s!important;display:inline-flex!important;position:fixed!important;bottom:72px!important;right:24px!important}.theme-toggle>svg{width:21px!important;min-width:21px!important;height:21px!important;min-height:21px!important;color:var(--toggle-text,#171717)!important;stroke:currentColor!important;fill:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;flex-shrink:0!important;display:block!important;overflow:visible!important}.theme-toggle>svg path,.theme-toggle>svg circle,.theme-toggle>svg line,.theme-toggle>svg polyline{stroke:currentColor!important;fill:none!important;opacity:1!important;visibility:visible!important}.theme-toggle-label{color:var(--toggle-text,#171717)!important;font-size:inherit!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;line-height:1.2!important;display:inline-block!important}.theme-toggle:hover{border-color:var(--accent-color,#6366f1)!important;transform:translateY(-2px)!important}.theme-toggle:active{transform:scale(.97)!important}.theme-toggle:focus-visible{outline:2px solid var(--accent-color,#6366f1)!important;outline-offset:4px!important}@media (width<=600px){.theme-toggle{gap:8px!important;min-width:44px!important;min-height:44px!important;padding:11px 14px!important;font-size:12px!important;bottom:65px!important;right:16px!important}.theme-toggle>svg{width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important}}body,.app-root{transition:background-color .3s,color .3s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,.app-root,.theme-toggle{transition:none!important}}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}