*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}:root{--primary-color: #00aeef;--secondary-color: #FF6B6B;--accent-color: #f59e0b;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--text-primary: #0f172a;--text-secondary: #64748b;--text-light: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f0f9ff;--bg-dark: #0f172a;--bg-card: rgba(255, 255, 255, .95);--gradient-primary: linear-gradient(135deg, #00aeef 0%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #00aeef 0%, #FF6B6B 100%);--gradient-tertiary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-elegant: linear-gradient(135deg, #00aeef 0%, #764ba2 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--glass: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .2)}.hero,.about,.portfolio,.contact,.footer,section{overflow-x:hidden;position:relative}body{font-family:Komet,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7;color:var(--text-primary);scroll-behavior:smooth;overflow-x:hidden;background:var(--bg-primary)}#app{width:100%}a{color:inherit}nav{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:1rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.1)}nav.scrolled{background:#fffffffa;box-shadow:var(--shadow-lg);padding:.75rem 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}button{font:inherit}.link-button{border:none;background:none;padding:0;font:inherit;cursor:pointer}.logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;border:none;background:transparent}.logo img{height:44px;width:auto;display:block;object-fit:contain;border-radius:10px}.logo-text{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.75rem;font-weight:700;color:#00aeef;letter-spacing:-.5px;line-height:1;display:inline-block;padding-bottom:2px}.nav-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:.5rem 0}.nav-links a:hover{color:var(--primary-color);transform:translateY(-1px)}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background:var(--gradient-primary);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:1px}.nav-links a:hover:after{width:100%}.nav-links button.link-button{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:.5rem 0}.nav-links button.link-button:hover{color:var(--primary-color);transform:translateY(-1px)}.nav-links button.link-button:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background:var(--gradient-primary);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:1px}.nav-links button.link-button:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:10px;margin-left:12px}.login-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#fff,#f3f6ff);box-shadow:var(--shadow-sm);cursor:pointer;display:grid;place-items:center;font-size:18px;transition:transform .15s ease,box-shadow .2s ease}.login-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.mobile-menu-toggle{display:none;flex-direction:column;cursor:pointer;padding:.5rem;z-index:1001;background:none;border:none}.hamburger{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:all .3s ease;border-radius:1px}.mobile-menu-toggle.active .hamburger:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active .hamburger:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-menu{position:fixed;top:0;right:0;width:100%;height:100vh;background:#0f172afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:999}.mobile-menu.active{transform:translate(0)}.mobile-nav-links{list-style:none;text-align:center}.mobile-nav-links li{margin:2rem 0;opacity:0;transform:translateY(30px);transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-menu.active .mobile-nav-links li{opacity:1;transform:translateY(0)}.mobile-menu.active .mobile-nav-links li:nth-child(1){transition-delay:.1s}.mobile-menu.active .mobile-nav-links li:nth-child(2){transition-delay:.2s}.mobile-menu.active .mobile-nav-links li:nth-child(3){transition-delay:.3s}.mobile-menu.active .mobile-nav-links li:nth-child(4){transition-delay:.4s}.mobile-nav-links a{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2.5rem;font-weight:500;color:var(--text-light);text-decoration:none;transition:all .3s ease;background:var(--gradient-elegant);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mobile-nav-links a:hover{transform:scale(1.05)}.mobile-nav-links button.mobile-link{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2.5rem;font-weight:500;background:none;border:none;cursor:pointer;transition:all .3s ease;background:var(--gradient-elegant);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mobile-nav-links button.mobile-link:hover{transform:scale(1.05)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;background:#00aeef;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');animation:float 25s ease-in-out infinite;opacity:.7}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite alternate}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.shape{position:absolute;background:#ffffff1a;border-radius:50%}.shape-1{width:80px;height:80px;top:20%;left:10%;animation:floatShape1 20s ease-in-out infinite}.shape-2{width:120px;height:120px;top:60%;right:15%;background:#ffffff14;animation:floatShape2 25s ease-in-out infinite reverse}.shape-3{width:60px;height:60px;top:30%;right:25%;background:#ffffff1f;animation:floatShape3 18s ease-in-out infinite}.shape-4{width:100px;height:100px;bottom:25%;left:20%;background:#ffffff0f;border-radius:20px;animation:floatShape4 22s ease-in-out infinite}.shape-5{width:40px;height:40px;top:15%;right:40%;background:#ffffff26;animation:floatShape5 16s ease-in-out infinite reverse}.shape-6{width:140px;height:140px;bottom:15%;right:10%;background:#ffffff0a;border-radius:30px;animation:floatShape6 28s ease-in-out infinite}@keyframes floatShape1{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(90deg)}50%{transform:translateY(-15px) translate(-10px) rotate(180deg)}75%{transform:translateY(-40px) translate(15px) rotate(270deg)}}@keyframes floatShape2{0%,to{transform:translateY(0) translate(0) scale(1)}33%{transform:translateY(25px) translate(-20px) scale(1.1)}66%{transform:translateY(-20px) translate(25px) scale(.9)}}@keyframes floatShape3{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-25px) translate(-30px) rotate(180deg)}}@keyframes floatShape4{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(20px) translate(-15px) rotate(45deg)}50%{transform:translateY(-10px) translate(30px) rotate(90deg)}75%{transform:translateY(15px) translate(-20px) rotate(135deg)}}@keyframes floatShape5{0%,to{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-35px) translate(20px) scale(1.2)}}@keyframes floatShape6{0%,to{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-15px) translate(10px) rotate(60deg)}66%{transform:translateY(10px) translate(-25px) rotate(120deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes pulse{0%{opacity:.5}to{opacity:.8}}.hero-content{text-align:center;color:var(--text-light);z-index:2;position:relative;max-width:900px;padding:0 2rem}.hero-subtitle{font-size:1.1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease .2s forwards;margin-bottom:1rem;color:#fffc}.hero h1{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:5rem;font-weight:700;margin-bottom:1.5rem;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease .4s forwards;line-height:1.1;letter-spacing:-1px}.hero .subtitle{font-size:1.3rem;margin-bottom:3rem;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease .6s forwards;color:#ffffffe6;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1.2rem 3rem;background:#fff3;color:var(--text-light);text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;transform:translateY(30px);opacity:0;animation:fadeInUp 1s ease .8s forwards;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;cursor:pointer;appearance:none}.cta-button:hover{transform:translateY(-3px);background:#ffffff40;box-shadow:0 20px 40px #0003;border-color:#fff6}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:30px;height:50px;border:2px solid rgba(255,255,255,.6);border-radius:25px;cursor:pointer;transition:all .3s ease;background:transparent;appearance:none}.scroll-indicator:hover{border-color:#ffffffe6}.scroll-indicator:before{content:"";position:absolute;top:10px;left:50%;width:6px;height:6px;background:#fffc;border-radius:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(20px);opacity:0}}.donation-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;padding:1.5rem}.donation-modal.active{display:flex}.donation-modal-content{position:relative;background:var(--bg-card);width:min(520px,100%);padding:2.5rem 2.25rem;border-radius:20px;box-shadow:var(--shadow-2xl);overflow:hidden;border:1px solid rgba(0,0,0,.05);animation:modalIn .35s ease;z-index:1;max-height:92vh;overflow-y:auto}.donation-modal-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00aeef14,#6366f10f);pointer-events:none;z-index:0}.donation-modal-content h3{margin:0 0 .75rem;font-size:1.6rem;color:var(--text-primary);position:relative;z-index:1;text-align:center}.donation-modal-subtext{margin:0 0 1.5rem;color:var(--text-secondary);position:relative;z-index:1;line-height:1.6;text-align:center}.donation-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff;font-size:1.25rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;z-index:2}.donation-modal-close:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.donation-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative;z-index:1}.donation-option{border:1px solid rgba(0,0,0,.08);background:#ffffffe6;border-radius:14px;padding:1.25rem;text-align:left;cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-sm);display:grid;gap:.35rem}.donation-option .option-title{font-weight:700;font-size:1.05rem;color:var(--text-primary)}.donation-option .option-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.donation-option.primary{border:1px solid rgba(0,174,239,.3)}.donation-option.secondary{border:1px solid rgba(99,102,241,.25)}.donation-option:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.donation-option.selected{border-color:#00aeef;box-shadow:0 12px 24px #00aeef33}.donation-selection{margin-top:1.25rem;color:var(--text-secondary);font-size:.95rem;position:relative;z-index:1;text-align:center}.donation-form{display:none;margin-top:1.5rem;position:relative;z-index:1;justify-items:center}.donation-form.active{display:grid;gap:1.25rem;justify-items:center}.donation-form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;width:100%;max-width:480px;margin:0 auto}.donation-form .form-group label{color:var(--text-primary)}.donation-form .form-group{width:100%;display:grid;gap:.35rem}.donation-form .form-group input{background:#f8fafc;color:var(--text-primary);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem;font-size:1rem}.donation-form .form-group input:focus{border-color:#00aeef;box-shadow:0 0 0 3px #00aeef26;outline:none}.form-group.recurring-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:.75rem .9rem;background:#f8fafc;border:1px solid rgba(0,0,0,.06);border-radius:12px}.recurring-label span{display:block;font-weight:600;color:var(--text-primary)}.recurring-label small{display:block;color:var(--text-secondary);font-size:.9rem}.recurring-checkbox{width:26px;height:26px;accent-color:#00aeef;border-radius:8px;border:2px solid #00aeef;box-shadow:0 6px 18px #00aeef2e;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease}.recurring-checkbox:hover{transform:scale(1.04);box-shadow:0 10px 26px #00aeef33}.donation-submit{width:fit-content;padding:1rem 2rem;margin:.25rem auto 0;background:linear-gradient(135deg,#00aeef,#0089bc);border-radius:12px;display:block;color:#fff;border:none;cursor:pointer;font-weight:700}.donation-qr{display:none;margin-top:1.5rem;align-items:center;justify-content:center;flex-direction:column;gap:.75rem}.donation-qr.active{display:flex}.donation-qr-code{width:220px;height:220px;border:8px solid #ffffff;border-radius:16px;box-shadow:var(--shadow-lg);display:grid;place-items:center;overflow:hidden;background:#fff}.donation-qr img{width:100%;height:100%;object-fit:contain}.donation-qr-note{margin:0;color:var(--text-secondary);text-align:center;max-width:320px;line-height:1.5}@keyframes modalIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.editable-block{position:relative}.edit-icon{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-sm);font-size:14px}.section-edit-btn{top:10px;right:10px}.edit-inline{margin-top:8px;display:grid;gap:8px}.edit-inline input,.edit-inline textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #d9e2ec}.edit-actions{display:flex;gap:8px}.section-edit-panel{margin:12px 0;padding:12px;border:1px dashed rgba(0,0,0,.1);border-radius:12px;background:#fff9;display:grid;gap:8px}.nav-edit-panel{position:fixed;top:70px;right:10px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:12px;width:260px;z-index:1200}.nav-edit-grid{display:grid;gap:8px}.nav-edit-grid input{width:100%;padding:8px;border-radius:10px;border:1px solid #d9e2ec}.nav-edit-actions{display:flex;gap:8px;margin-top:8px}.login-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;padding:1.5rem}.login-modal.active{display:flex}.login-modal-content{position:relative;background:var(--bg-card);width:min(420px,100%);padding:2rem 1.75rem;border-radius:16px;box-shadow:var(--shadow-2xl);border:1px solid rgba(0,0,0,.05);animation:modalIn .35s ease}.login-modal-content h3{margin:0 0 .75rem;font-size:1.4rem;color:var(--text-primary);text-align:center}.login-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff;cursor:pointer;font-size:1.1rem}.login-form{display:grid;gap:12px}.login-form label{font-weight:600;color:var(--text-primary)}.login-form input{width:100%;padding:12px;border-radius:12px;border:1px solid #d9e2ec;font-size:1rem}.login-submit{width:100%;padding:12px;border-radius:12px;border:none;background:var(--gradient-primary);color:#fff;font-weight:700;cursor:pointer;margin-top:6px;box-shadow:0 10px 18px #6366f140}.login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 22px #6366f159}section{padding:8rem 0;min-height:100vh;display:flex;align-items:center;justify-content:center;scroll-margin-top:68px}@media(max-width:1200px)and (min-width:768px){section{scroll-margin-top:90px}}.container{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}.section-title{text-align:center;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:3.5rem;font-weight:600;margin-bottom:4rem;color:#00aeef;letter-spacing:-1px;position:relative}.section-title:after{content:"";position:absolute;width:60px;height:4px;background:var(--gradient-primary);bottom:-20px;left:50%;transform:translate(-50%);border-radius:2px}.about{background:var(--bg-secondary);position:relative}.about:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 50%)}.about-content{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem;align-items:center;position:relative}.about-image{width:100%;height:500px;background-color:#f0f0f0;border-radius:30px;position:relative;overflow:hidden;box-shadow:var(--shadow-2xl);transform:rotate(-2deg);transition:transform .4s ease}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-image:hover{transform:rotate(0) scale(1.02)}.about-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,#6366f14d,#8b5cf633);transition:opacity .3s ease}.about-image:hover:before{opacity:.7}.about-text h3{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:2.5rem;margin-bottom:2rem;color:var(--text-primary);font-weight:500;line-height:1.3}.about-text p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.skills{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3rem}.skill-tag{padding:.75rem 1.5rem;background:var(--bg-card);color:var(--primary-color);border-radius:30px;font-size:.9rem;font-weight:600;border:1px solid rgba(99,102,241,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-tag:hover{background:var(--primary-color);color:var(--text-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.portfolio{background:var(--bg-primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2rem}.portfolio-item{background:var(--bg-card);border-radius:25px;overflow:hidden;box-shadow:var(--shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(20px);opacity:0;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.portfolio-item.animate{transform:translateY(0);opacity:1}.portfolio-item:hover{transform:translateY(-15px);box-shadow:var(--shadow-2xl)}.portfolio-image{width:100%;height:250px;background-color:#f8fafc;position:relative;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s ease}@media(max-width:768px){.portfolio-image{height:max-content}}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-image:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.05) 100%);transition:all .3s ease}.portfolio-item:hover .portfolio-image:before{background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.1) 100%)}.portfolio-content{padding:2rem}.portfolio-content h4{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600}.portfolio-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.portfolio-tech{display:flex;gap:.75rem;flex-wrap:wrap}.portfolio-text{text-align:justify;text-justify:inter-word}.tech-tag{padding:.4rem 1rem;background:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;font-size:.85rem;font-weight:500;transition:all .3s ease}.tech-tag:hover{background:var(--primary-color);color:var(--text-light)}.contact{background:linear-gradient(135deg,#00aeef,#0f204b);color:var(--text-light);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="contact-grid" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M 8 0 L 0 0 0 8" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23contact-grid)"/></svg>');animation:contactFloat 30s ease-in-out infinite;opacity:.6}.contact:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 75%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(255,255,255,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.1) 0%,transparent 70%);animation:contactPulse 6s ease-in-out infinite alternate}.contact-floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.contact-shape{position:absolute;background:#ffffff14;border-radius:50%}.contact-shape-1{width:70px;height:70px;top:15%;left:8%;animation:contactFloatShape1 24s ease-in-out infinite}.contact-shape-2{width:110px;height:110px;top:65%;right:12%;background:#ffffff0f;animation:contactFloatShape2 28s ease-in-out infinite reverse}.contact-shape-3{width:55px;height:55px;top:25%;right:30%;background:#ffffff1a;animation:contactFloatShape3 20s ease-in-out infinite}.contact-shape-4{width:90px;height:90px;bottom:20%;left:18%;background:#ffffff0d;border-radius:25px;animation:contactFloatShape4 26s ease-in-out infinite}.contact-shape-5{width:35px;height:35px;top:12%;right:45%;background:#ffffff1f;animation:contactFloatShape5 18s ease-in-out infinite reverse}.contact-shape-6{width:130px;height:130px;bottom:12%;right:8%;background:#ffffff0a;border-radius:35px;animation:contactFloatShape6 32s ease-in-out infinite}@keyframes contactFloatShape1{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-25px) translate(15px) rotate(90deg)}50%{transform:translateY(-10px) translate(-8px) rotate(180deg)}75%{transform:translateY(-35px) translate(12px) rotate(270deg)}}@keyframes contactFloatShape2{0%,to{transform:translateY(0) translate(0) scale(1)}33%{transform:translateY(20px) translate(-15px) scale(1.05)}66%{transform:translateY(-15px) translate(20px) scale(.95)}}@keyframes contactFloatShape3{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-20px) translate(-25px) rotate(180deg)}}@keyframes contactFloatShape4{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(15px) translate(-12px) rotate(30deg)}50%{transform:translateY(-8px) translate(25px) rotate(60deg)}75%{transform:translateY(12px) translate(-18px) rotate(90deg)}}@keyframes contactFloatShape5{0%,to{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-30px) translate(15px) scale(1.15)}}@keyframes contactFloatShape6{0%,to{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-12px) translate(8px) rotate(45deg)}66%{transform:translateY(8px) translate(-20px) rotate(90deg)}}@keyframes contactFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(.5deg)}66%{transform:translateY(-10px) rotate(-.5deg)}}@keyframes contactPulse{0%{opacity:.4}to{opacity:.7}}.contact-content{text-align:center;max-width:700px;margin:0 auto;position:relative;z-index:10}.contact .section-title{color:var(--text-light);background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-form{display:grid;gap:2rem;margin-top:3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-group{display:grid;gap:.75rem;text-align:left}.form-group label{font-weight:500;color:#ffffffe6;font-size:.9rem}.form-group input,.form-group textarea{padding:1.2rem;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#ffffff14;color:var(--text-light);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;background:#ffffff1f;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder,.form-group textarea::placeholder{color:#d3d3d3;font-style:italic}.submit-btn{padding:1.2rem 3rem;background:var(--gradient-primary);color:var(--text-light);border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:1rem;letter-spacing:.5px;width:fit-content;margin-left:auto;margin-right:auto}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 20px 40px #6366f14d}.footer{background-color:#0f204b;color:#ffffffb3;padding:3rem 0 2rem;border-top:none;margin-top:0;position:relative;overflow:hidden}.footer a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footer-grid" width="12" height="12" patternUnits="userSpaceOnUse"><path d="M 12 0 L 0 0 0 12" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23footer-grid)"/></svg>');opacity:.4}.footer:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative;z-index:2}.footer-left p{color:#ffffffb3;font-size:.9rem;margin:0}.footer-right{display:flex;gap:2rem;flex-wrap:wrap}.footer-right a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .3s ease;position:relative}.footer-right a:hover{color:var(--text-light);transform:translateY(-1px)}.footer-right a:after{content:"";position:absolute;width:0;height:1px;bottom:-3px;left:0;background:var(--primary-color);transition:width .3s ease}.footer-right a:hover:after{width:100%}.footer-right .footer-link{background:none;border:none;color:#ffffffbf;font-size:.95rem;cursor:pointer;padding:0;position:relative;transition:all .3s ease}.footer-right .footer-link:after{content:"";position:absolute;width:0;height:1px;bottom:-3px;left:0;background:var(--primary-color);transition:width .3s ease}.footer-right .footer-link:hover{color:#fff;transform:translateY(-1px)}.footer-right .footer-link:hover:after{width:100%}.fade-in{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in.animate{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-in-left.animate{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(60px);transition:all .8s cubic-bezier(.4,0,.2,1)}.slide-in-right.animate{opacity:1;transform:translate(0)}.badge-success{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-radius:999px;background:#22c55e1f;color:#15803d;font-weight:700}.badge-waiting{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1rem;border-radius:999px;background:#6366f11a;color:#4338ca;font-weight:700}.status-message{background:#00aeef14;color:var(--text-primary);padding:.85rem 1rem;border-radius:12px;margin-top:.5rem;border:1px solid rgba(0,174,239,.15);text-align:center}.status-message.error{background:#f76c6c1f;color:#c43636;border-color:#f76c6c40}.success-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172af2;color:#fff;padding:1rem 1.5rem;border-radius:14px;box-shadow:var(--shadow-2xl);z-index:1200;display:flex;align-items:center;gap:.75rem;animation:fadeOut .5s ease 3s forwards;text-align:center}.policy-modal{position:fixed;inset:0;width:100%;height:100%;background:#000000e6;z-index:12000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,28px);isolation:isolate;overflow:auto}.policy-modal-content{background:#fff;width:min(1100px,96vw);max-height:90vh;border-radius:16px;padding:1.75rem 1.75rem 1.4rem;position:relative;box-shadow:var(--shadow-2xl);overflow:hidden;display:flex;flex-direction:column;gap:.9rem;z-index:1}.policy-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;font-size:1.1rem;z-index:2}.policy-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.1rem 1.5rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:inset 0 1px 2px #0000000a}.policy-body *{color:#111827!important}.policy-body img{display:block!important;max-width:120px;height:auto;margin:0 24px 8px 0;float:left!important;clear:none!important}.policy-body .docx-wrapper{background:#fff!important;padding:0!important;align-items:stretch!important;width:100%!important}.policy-body section.docx{width:100%!important;max-width:100%!important;margin:0 auto!important;box-shadow:none!important;background:#fff!important}.policy-body section.docx>header,.policy-body section.docx>footer{display:block!important;padding:18px!important;background:#fff!important;overflow:visible!important}.policy-body section.docx>article{padding:0 18px!important}.policy-status{font-weight:600;color:#374151}.policy-status.error{color:#c43636}.policy-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.cookie-modal{position:fixed;inset:0;background:#000000bf;z-index:15000;display:grid;place-items:center;padding:1.5rem}.cookie-modal-content{background:#fff;width:min(520px,95vw);max-width:520px;border-radius:14px;padding:1.25rem 1.2rem;box-shadow:var(--shadow-2xl);display:grid;gap:.9rem;text-align:center;margin:0 auto}.cookie-actions,.cookie-decisions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cookie-policy-btn{padding:.65rem 1.3rem;border-radius:12px;border:1px solid #0ea5e9;background:linear-gradient(120deg,#0f172a,#0b2438);color:#e0f2fe;font-weight:700;letter-spacing:.01em;box-shadow:0 12px 30px #0ea5e926;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cookie-policy-btn:hover{transform:translateY(-1px);box-shadow:0 16px 38px #0ea5e938;background:linear-gradient(120deg,#0b2438,#0f172a)}.cookie-policy-btn:focus-visible{outline:2px solid #0ea5e9;outline-offset:3px}.cookie-accept,.cookie-refuse{padding:.65rem 1.2rem;border-radius:10px;border:none;cursor:pointer;font-weight:700}.cookie-accept{background:var(--gradient-primary);color:#fff}.cookie-refuse{background:#f43f5e;color:#fff}.cookie-modal-content p{color:#374151;margin:0}@media(max-width:640px){.cookie-modal{padding:1rem}.cookie-modal-content{width:100%;max-width:420px;padding:1rem}.cookie-actions,.cookie-decisions{gap:.5rem}.cookie-policy-btn,.cookie-accept,.cookie-refuse{width:100%}}.recurring-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.recurring-modal-content{background:#fff;padding:22px 24px;border-radius:14px;box-shadow:var(--shadow-xl);max-width:420px;width:100%;text-align:center}.recurring-modal-content h4{margin-bottom:10px}.recurring-modal-content p{color:var(--text-secondary);margin-bottom:14px}.recurring-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.recurring-actions .cta-secondary{background:#e5e7eb;color:#111827}.recurring-modal-content .cta{margin-top:4px;min-width:120px;background:linear-gradient(135deg,#00aeef,#0089bc);color:#fff;border:none;border-radius:12px;padding:.85rem 1.6rem;cursor:pointer;box-shadow:var(--shadow-md)}@keyframes fadeOut{to{opacity:0;transform:translateY(10px)}}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.about-content{grid-template-columns:1fr;gap:4rem}.hero h1{font-size:4rem}}@media(max-width:768px){body{font-size:12px}.nav-links{display:none}.mobile-menu-toggle{display:flex}.hero h1{font-size:3rem}.hero .subtitle{font-size:1.1rem}.section-title{font-size:2.5rem}.portfolio-grid{grid-template-columns:1fr}.container{padding:0 1.5rem}section{padding:5rem 0}.form-row{grid-template-columns:1fr;gap:1.5rem}.about-text h3{font-size:2rem}.skills{margin-top:2rem}.donation-options,.donation-selection,.donation-qr{display:none!important}.donation-form{display:grid!important;gap:1.25rem}.donation-modal-content{width:100%;padding:1.5rem 1.25rem;border-radius:14px}.donation-form-grid{max-width:100%;gap:calc(1.25rem - 10px)}.donation-form{gap:calc(1.25rem - 10px)}.donation-modal-content h3{font-size:1.2rem}.donation-modal-content h3,.donation-modal-subtext,.nav-actions{display:none}.login-modal-content{width:100%;max-width:360px;padding:1.25rem 1rem}}@media(max-width:480px){.hero h1{font-size:2.5rem}.section-title{font-size:2rem}.nav-container,.container{padding:0 1rem}.logo img{height:38px}.donation-modal-content{padding:1.25rem 1rem}.login-modal-content{padding:1.1rem .9rem}}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-right{justify-content:center;gap:1.5rem}.footer-right a{font-size:.85rem}}@media(max-width:480px){.footer-right{flex-direction:column;gap:1rem}}.mobile-donate-btn{display:none}@media(max-width:768px){.logo-text{font-size:1.25rem;white-space:nowrap}.logo{gap:.5rem}.mobile-donate-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00aeef,#0089bc);color:#fff;font-weight:700;font-size:.85rem;padding:8px 16px;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 10px #00aeef4d;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;margin-right:12px;transition:transform .2s ease}.mobile-donate-btn:active{transform:scale(.96)}.footer-content{display:flex;flex-direction:column}.footer-right{order:1;margin-bottom:1rem}.footer-left{order:2}}.hero.svelte-131g09l{position:relative;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:20vh;padding-top:0;overflow:hidden;color:#fff;box-sizing:border-box}.hero-background.svelte-131g09l{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-background.svelte-131g09l img:where(.svelte-131g09l){width:100%;height:100%;object-fit:cover;animation:svelte-131g09l-slowZoom 20s infinite alternate}@keyframes svelte-131g09l-slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-overlay.svelte-131g09l{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0006,#000c);z-index:1}.hero-content.svelte-131g09l{position:relative;z-index:2;padding:0 1rem;max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}h1.svelte-131g09l{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 15px rgba(0,0,0,.6);line-height:1.1}.subtitle.svelte-131g09l{font-size:1.5rem;font-weight:400;margin-bottom:0;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:.5px}.scroll-indicator.svelte-131g09l{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:2;background:#ffffff1a;border:1px solid rgba(255,255,255,.4);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease,border-color .3s ease;animation:svelte-131g09l-bounce 2s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scroll-indicator.svelte-131g09l:hover{background:#ffffff40;border-color:#fff}@keyframes svelte-131g09l-bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:768px){.hero.svelte-131g09l{min-height:100dvh;padding-bottom:25vh}h1.svelte-131g09l{font-size:2.5rem}.subtitle.svelte-131g09l{font-size:1.2rem}.scroll-indicator.svelte-131g09l{bottom:5rem}}.fade-in-up.svelte-131g09l{animation:svelte-131g09l-fadeInUp 1s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(30px)}.delay.svelte-131g09l{animation-delay:.2s}@keyframes svelte-131g09l-fadeInUp{to{opacity:1;transform:translateY(0)}}.about.svelte-qyx9x{padding:5rem 0;background-color:#f8f9fa;color:#444}.container.svelte-qyx9x{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header-block.svelte-qyx9x{text-align:center;margin-bottom:2rem}.about-hero.svelte-qyx9x{margin-bottom:4rem;display:flex;justify-content:center;width:100%}.about-image.svelte-qyx9x{width:100%;max-width:1000px;height:auto;aspect-ratio:16/9;background-size:cover;background-position:center;border-radius:20px;box-shadow:0 15px 40px #0000001f;overflow:hidden}.about-image.svelte-qyx9x img:where(.svelte-qyx9x){width:100%;height:100%;object-fit:cover;display:block}.intro-section.svelte-qyx9x{display:flex;justify-content:center;margin-bottom:4rem}.intro-card.svelte-qyx9x{width:100%;max-width:850px;text-align:justify;text-justify:inter-word}.intro-card.svelte-qyx9x h3:where(.svelte-qyx9x){text-align:center;font-size:2rem;margin-bottom:1.5rem;color:#222;font-weight:700}.about-text.svelte-qyx9x{font-size:1.1rem;line-height:1.8;color:#555;text-align:justify;text-justify:inter-word;margin:0}.cards-grid.svelte-qyx9x{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:900px){.cards-grid.svelte-qyx9x{grid-template-columns:repeat(3,1fr)}}.clean-card.svelte-qyx9x{background:#fff;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05);border-top:4px solid #00aeef;transition:all .3s ease}.clean-card.svelte-qyx9x:hover{transform:translateY(-5px);box-shadow:0 12px 30px #3b82f626;border-color:#00aeef}.clean-card.svelte-qyx9x h4:where(.svelte-qyx9x){text-align:center;font-size:1.4rem;margin-bottom:1.2rem;color:#111;font-weight:600}.clean-card.svelte-qyx9x p:where(.svelte-qyx9x){text-align:justify;text-justify:inter-word;font-size:.95rem;line-height:1.6;color:#666;margin-bottom:1rem}.secondary-text.svelte-qyx9x{font-size:.9rem;color:#888;margin-top:auto}.clean-list.svelte-qyx9x{list-style:none;padding:0;margin:1rem 0 0}.clean-list.svelte-qyx9x li:where(.svelte-qyx9x){padding-left:1.5rem;margin-bottom:.8rem;position:relative;font-size:.95rem;color:#555}.clean-list.svelte-qyx9x li:where(.svelte-qyx9x):before{content:"•";color:#00aeef;font-size:1.5rem;line-height:1rem;position:absolute;left:0;top:2px}@media(max-width:768px){.about.svelte-qyx9x{padding:3rem 0}.about-image.svelte-qyx9x{border-radius:12px;aspect-ratio:3/2}.clean-card.svelte-qyx9x{padding:1.5rem}.intro-card.svelte-qyx9x h3:where(.svelte-qyx9x){font-size:1.6rem}.about-text.svelte-qyx9x{font-size:1rem}}#team.svelte-5yx2sj{padding:6rem 1.5rem;background-color:var(--bg-secondary);color:var(--text-primary)}.container.svelte-5yx2sj{max-width:1200px;margin:0 auto}.header.svelte-5yx2sj{text-align:center;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}h2.svelte-5yx2sj{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.subtitle.svelte-5yx2sj{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin-bottom:1.5rem}.divider.svelte-5yx2sj{height:4px;width:60px;background:var(--gradient-primary);border-radius:2px}.grid.svelte-5yx2sj{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;justify-content:center}.card.svelte-5yx2sj{background:var(--bg-card);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-lg);transition:all .4s ease;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column}.card.svelte-5yx2sj:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.image-wrapper.svelte-5yx2sj{width:100%;height:280px;overflow:hidden;position:relative}.image-wrapper.svelte-5yx2sj:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,0,0,.1),transparent)}.image-wrapper.svelte-5yx2sj img:where(.svelte-5yx2sj){width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s ease}.card.svelte-5yx2sj:hover .image-wrapper:where(.svelte-5yx2sj) img:where(.svelte-5yx2sj){transform:scale(1.08)}.content.svelte-5yx2sj{padding:2rem;text-align:center;flex-grow:1;display:flex;flex-direction:column;align-items:center}h3.svelte-5yx2sj{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.role.svelte-5yx2sj{display:inline-block;margin:.5rem 0 1rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color)}.description.svelte-5yx2sj{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:768px){#team.svelte-5yx2sj{padding:4rem 1rem}h2.svelte-5yx2sj{font-size:2rem}}:root{--brand-cyan: #00aeef;--brand-cyan-dark: #008cbf;--brand-shadow: rgba(0, 174, 239, .25);--text-dark: #2d3748;--text-muted: #718096;--success-green: #38a169}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-dark)}.success-section.svelte-1z084n7{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#f0f9ff,#e6f7ff);background-image:radial-gradient(#dcf5ff 1px,transparent 1px),linear-gradient(to bottom right,#f0f9ff,#e6f7ff);background-size:20px 20px,100% 100%;padding:20px}.success-card.svelte-1z084n7{background:#fff;border-radius:16px;padding:50px 30px;max-width:550px;width:100%;text-align:center;box-shadow:0 20px 40px -10px #0000001a,0 10px 20px -10px var(--brand-shadow);border-top:5px solid var(--brand-cyan)}.icon-wrapper.svelte-1z084n7{display:flex;justify-content:center;margin-bottom:30px}.checkmark.svelte-1z084n7{width:80px;height:80px;border-radius:50%;display:block;stroke-width:2;stroke:var(--brand-cyan);stroke-miterlimit:10;box-shadow:inset 0 0 0 var(--brand-cyan);animation:svelte-1z084n7-fill .4s ease-in-out .4s forwards,svelte-1z084n7-scale .3s ease-in-out .9s both}.checkmark__circle.svelte-1z084n7{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--brand-cyan);fill:none;animation:svelte-1z084n7-stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check.svelte-1z084n7{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:svelte-1z084n7-stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes svelte-1z084n7-stroke{to{stroke-dashoffset:0}}@keyframes svelte-1z084n7-fill{to{box-shadow:inset 0 0 0 80px transparent}}@keyframes svelte-1z084n7-scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.success-card.svelte-1z084n7 h1:where(.svelte-1z084n7){color:var(--text-dark);margin:0 0 20px;font-size:2.4em;font-weight:800;letter-spacing:-.5px}.success-message.svelte-1z084n7{font-size:1.15em;line-height:1.7;color:#4a5568;margin-bottom:15px;text-align:justify}.divider.svelte-1z084n7{height:1px;background:#edf2f7;margin:30px auto;width:70%}.session-container.svelte-1z084n7{margin-top:20px;background:#f7fafc;padding:15px;border-radius:8px;border:1px solid #edf2f7;text-align:left}.session-label.svelte-1z084n7{margin:0 0 5px;font-size:.9em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.session-code.svelte-1z084n7{margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95em;color:var(--text-dark);background:#edf2f7;padding:8px 12px;border-radius:6px;overflow-wrap:break-word;word-break:break-all}.status-msg.svelte-1z084n7{font-size:.95em;margin-top:20px;font-weight:500;padding:10px;border-radius:6px}.status-msg.info.svelte-1z084n7{color:var(--brand-cyan);background:#f0faff}.status-msg.success.svelte-1z084n7{color:var(--success-green);background:#f0fff4}.error-msg.svelte-1z084n7{color:#c53030;background:#fff5f5;padding:12px;border-radius:6px;font-size:.95em;margin-top:20px;font-weight:500}.actions.svelte-1z084n7{margin-top:40px}.cta.svelte-1z084n7{display:inline-block;background:var(--brand-cyan);color:#fff;padding:16px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.05em;letter-spacing:.5px;transition:all .2s ease;box-shadow:0 4px 12px var(--brand-shadow)}.cta.svelte-1z084n7:hover{background:var(--brand-cyan-dark);transform:translateY(-2px);box-shadow:0 8px 16px var(--brand-shadow)}.cta.svelte-1z084n7:active{transform:translateY(0)}.muted.svelte-1z084n7{color:var(--text-muted);font-size:.95em}@media(max-width:480px){.success-card.svelte-1z084n7{padding:40px 20px}.success-card.svelte-1z084n7 h1:where(.svelte-1z084n7){font-size:2em}.success-message.svelte-1z084n7{font-size:1.05em}}