@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Rubik:wght@300;400;500;600;700;800;900&display=swap";:root{--primary: #0015FF;--primary-dark: #0b19b1;--secondary: #0015FF;--accent: #0015FF;--gold: #24d3fb;--warm-light: #cac7fe;--cream: #ebebff;--dark: #171a1c;--dark-soft: #242629;--text: #3c3e44;--text-light: #6c7278;--gradient-primary: linear-gradient(135deg, #0015FF 0%, #0c19ac 50%, #0015FF 100%);--gradient-warm: linear-gradient(135deg, #cfc7fe 0%, #b7aafe 100%);--gradient-dark: linear-gradient(135deg, #171b1c 0%, #242629 100%);--shadow-soft: 0 4px 20px rgba(38, 156, 220, .15);--shadow-medium: 0 10px 40px rgba(38, 156, 220, .2);--shadow-strong: 0 20px 60px rgba(38, 156, 220, .25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Rubik,sans-serif;background:var(--cream);color:var(--text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:600}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;background:#fffbebf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.navbar.scrolled{padding:15px 40px;box-shadow:var(--shadow-soft)}.logo{font-family:Playfair Display,serif;font-size:1.8em;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{text-decoration:none;color:var(--text);font-weight:500;font-size:.95em;transition:color .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--primary);font-weight:600}.nav-links a.active:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 40px 80px;background:radial-gradient(circle at 20% 80%,rgba(12,30,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(38,41,220,.1) 0%,transparent 50%),var(--cream);overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:var(--gradient-primary);opacity:.05;border-radius:50%;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-content{max-width:1400px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:4em;line-height:1.1;margin-bottom:20px;color:var(--dark)}.hero-text h1 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:1.2em;color:var(--text-light);margin-bottom:40px;max-width:500px}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-card{width:400px;height:500px;background:var(--gradient-primary);border-radius:30px;position:relative;box-shadow:var(--shadow-strong);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:40px}.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.snowflake-icon{font-size:80px;margin-bottom:20px;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-card h2{font-size:2.5em;margin-bottom:15px;position:relative;z-index:1}.hero-card p{font-size:1.1em;opacity:.9;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border:none;border-radius:50px;font-family:Rubik,sans-serif;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-medium)}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}.btn-large{padding:20px 50px;font-size:1.1em}.section{padding:100px 40px;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:3em;color:var(--dark);margin-bottom:15px}.section-header p{font-size:1.2em;color:var(--text-light);max-width:600px;margin:0 auto}.history-section{background:var(--gradient-dark);padding:100px 40px;color:#fff}.history-content{max-width:1400px;margin:0 auto}.history-section .section-header h2{color:#fff}.history-section .section-header p{color:#ffffffb3}.timeline{display:grid;gap:50px;margin-top:80px;position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--gold));border-radius:2px}.timeline-item{display:grid;grid-template-columns:200px 1fr;gap:50px;align-items:start;padding:40px;background:#ffffff14;border-radius:25px;border-left:5px solid var(--accent);transition:all .3s ease;position:relative;box-shadow:0 4px 20px #0003}.timeline-item:before{content:"";position:absolute;left:-28px;top:50px;width:20px;height:20px;background:var(--accent);border-radius:50%;border:4px solid var(--gradient-dark);box-shadow:0 0 0 4px var(--accent)}.timeline-item:hover{transform:translate(15px);background:#ffffff1f;box-shadow:0 8px 30px #2629dc4d}.timeline-year{font-size:3em;font-weight:700;color:var(--accent);font-family:Playfair Display,serif;text-shadow:0 2px 10px rgba(38,41,220,.5);line-height:1.2;text-align:right;padding-right:20px;border-right:2px solid rgba(255,255,255,.2)}.timeline-content h3{font-size:1.8em;margin-bottom:15px;color:var(--gold);font-weight:600;text-shadow:0 2px 5px rgba(0,0,0,.3)}.timeline-content p{color:#ffffffe6;line-height:2;font-size:1.05em}.traditions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.tradition-card{background:#fff;border-radius:20px;padding:40px;box-shadow:var(--shadow-soft);transition:all .3s ease;border:1px solid rgba(38,41,220,.1)}.tradition-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-medium)}.tradition-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2em;margin-bottom:20px}.tradition-card h3{font-size:1.4em;color:var(--dark);margin-bottom:15px}.tradition-card p{color:var(--text-light)}.stats-section{background:var(--gradient-warm);padding:80px 40px}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}.stat-item{padding:30px}.stat-number{font-size:3.5em;font-weight:700;font-family:Playfair Display,serif;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stat-label{font-size:1em;color:var(--text);font-weight:500}.cta-section{text-align:center;padding:100px 40px;background:radial-gradient(circle at 50% 50%,rgba(38,41,220,.08) 0%,transparent 70%),var(--cream)}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:3em;color:var(--dark);margin-bottom:20px}.cta-content p{font-size:1.2em;color:var(--text-light);margin-bottom:40px}.footer{background:var(--dark);color:#fff;padding:60px 40px 30px;text-align:center}.footer-logo{font-family:Playfair Display,serif;font-size:2em;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.footer p{color:#fff9;margin-bottom:30px}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);font-size:.9em;color:#fff6}.test-container{min-height:100vh;background:radial-gradient(circle at 10% 90%,rgba(12,30,234,.1) 0%,transparent 40%),radial-gradient(circle at 90% 10%,rgba(38,41,220,.1) 0%,transparent 40%),var(--cream);padding:40px}.test-header{text-align:center;margin-bottom:40px;padding-top:20px}.test-header .logo{font-size:2.5em;margin-bottom:10px;display:block}.test-header p{color:var(--text-light)}.test-card{max-width:800px;margin:0 auto;background:#fff;border-radius:30px;box-shadow:var(--shadow-medium);overflow:hidden}.progress-section{background:var(--gradient-primary);padding:30px 40px;color:#fff}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.progress-text{font-size:1.1em;font-weight:500}.progress-score{font-size:.95em;opacity:.9}.progress-bar{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#fff;width:5%;transition:width .5s ease;border-radius:4px}.question-section{padding:40px}.question-block h3{font-size:1.5em;color:var(--dark);margin-bottom:30px;line-height:1.4}.answers-grid{display:grid;gap:15px}.answer-option{position:relative}.answer-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.answer-option label{display:flex;align-items:center;gap:15px;padding:20px 25px;background:var(--cream);border:2px solid transparent;border-radius:15px;cursor:pointer;transition:all .3s ease;font-weight:500}.answer-option label:before{content:"";width:24px;height:24px;border:2px solid var(--text-light);border-radius:50%;flex-shrink:0;transition:all .3s ease}.answer-option input:checked+label{background:#2629dc1a;border-color:var(--primary)}.answer-option input:checked+label:before{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 4px #fff}.answer-option label:hover{border-color:var(--accent);transform:translate(5px)}.intro-section{padding:50px 40px}.intro-content{text-align:center}.intro-content h1{font-size:2.5em;color:var(--dark);margin-bottom:15px}.intro-content>p{color:var(--text-light);font-size:1.1em;margin-bottom:30px}.intro-info{display:flex;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.intro-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:20px 30px;background:var(--cream);border-radius:15px}.intro-number{font-size:2.5em;font-weight:800;color:var(--primary);line-height:1}.intro-item span:last-child{font-size:.9em;color:var(--text-light);font-weight:500}.intro-content form{max-width:400px;margin:0 auto;text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text)}.form-group input{width:100%;padding:15px 20px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:1em;font-family:Rubik,sans-serif;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #dc26261a}.finish-section{padding:60px 40px;text-align:center}.finish-content h2{font-size:2.5em;color:var(--dark);margin-bottom:15px}.finish-content>p{color:var(--text-light);font-size:1.1em;margin-bottom:30px}.finish-summary{background:var(--cream);padding:25px;border-radius:15px;margin-bottom:30px}.finish-summary p{margin:10px 0;font-size:1.1em}.form-section{padding:40px;background:var(--cream);border-top:1px solid rgba(0,0,0,.05)}.form-section h2{font-size:1.8em;color:var(--dark);margin-bottom:20px}.form-section label{display:block;margin-bottom:10px;font-weight:500;color:var(--text)}.form-section input[type=text]{width:100%;padding:18px 25px;border:2px solid rgba(0,0,0,.1);border-radius:15px;font-size:1.1em;font-family:Rubik,sans-serif;transition:all .3s ease;background:#fff}.form-section input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2629dc1a}.button-group{display:flex;justify-content:space-between;padding:30px 40px;background:#fff;border-top:1px solid rgba(0,0,0,.05);gap:15px}.btn-nav{padding:16px 35px;border-radius:50px;font-weight:600;font-family:Rubik,sans-serif;cursor:pointer;transition:all .3s ease;border:none}.btn-prev{background:var(--cream);color:var(--text)}.btn-prev:hover{background:#e5e7eb}.btn-next{background:var(--gradient-primary);color:#fff;margin-left:auto}.btn-next:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn-submit{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px #16a34a4d}.certificate-page{min-height:100vh;background:#f5f5f5;padding:40px 20px;display:flex;align-items:center;justify-content:center}.certificate-error{text-align:center;padding:60px 40px;max-width:600px}.certificate-error .error-content{background:#fff;padding:60px 50px;border-radius:25px;box-shadow:0 10px 40px #0000001a}.certificate-error h1{font-family:Playfair Display,serif;font-size:2.5em;color:var(--dark);margin-bottom:20px;font-weight:700}.certificate-error p{color:var(--text-light);font-size:1.1em;margin-bottom:35px;line-height:1.6}.certificate-error .btn{margin:0 10px}.certificate-container{max-width:900px;width:100%}.certificate-card{position:relative;box-shadow:0 10px 60px #0000001a;background:#fff}.certificate-bg{width:100%;height:auto;display:block}.cert-name-overlay{position:absolute;top:36%;left:10%;font-family:Rubik,sans-serif;font-size:2vw;font-weight:800;color:#1a1a1a;text-transform:uppercase;letter-spacing:1px}.cert-number-overlay{position:absolute;bottom:12%;right:14.5%;font-family:Rubik,sans-serif;font-size:1.1vw;font-weight:600;color:#666;letter-spacing:2px}.qr-overlay{position:absolute;top:12%;right:5%;width:180px;height:180px;transform:scale(95%);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.qr-overlay canvas,.qr-overlay svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important}.share-section{background:#fff;border-radius:16px;padding:25px 30px;margin-top:25px;box-shadow:0 4px 20px #00000014}.share-title{font-family:Rubik,sans-serif;font-size:1.1em;font-weight:700;color:#1a1a1a;margin-bottom:15px;text-align:center}.share-link-container{display:flex;gap:10px}.share-url-input{flex:1;padding:14px 18px;border:2px solid #e5e5e5;border-radius:10px;font-size:.9em;font-family:Rubik,sans-serif;color:#333;background:#f9f9f9;overflow:hidden;text-overflow:ellipsis}.share-url-input:focus{outline:none;border-color:#0015ff}.btn-copy{background:linear-gradient(135deg,#0015ff,#008de5);color:#fff;padding:14px 24px;border:none;border-radius:10px;font-family:Rubik,sans-serif;font-weight:600;font-size:.9em;white-space:nowrap;cursor:pointer;transition:all .3s ease}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0015ff4d}.btn-copy.copied{background:linear-gradient(135deg,#16a34a,#22c55e)}.certificate-actions{display:flex;gap:15px;justify-content:center;margin-top:25px;flex-wrap:wrap}.certificate-actions .btn{font-family:Rubik,sans-serif;padding:14px 28px;border-radius:10px;font-weight:600;font-size:.95em}.certificate-actions .btn-primary{background:linear-gradient(135deg,#0015ff,#008de5);box-shadow:0 4px 15px #0015ff33}.certificate-actions .btn-primary:hover{box-shadow:0 8px 25px #0015ff4d}.certificate-actions .btn-secondary{border:2px solid #0015FF;color:#0015ff}.certificate-actions .btn-secondary:hover{background:#0015ff;color:#fff}.certificate-card.animate-in{animation:certificateFadeIn .6s ease forwards}@keyframes certificateFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{@page{size:A4 landscape;margin:0;padding:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;margin:0!important;padding:0!important;width:297mm!important;height:210mm!important}.certificate-page{padding:0!important;margin:0!important;background:#fff!important;min-height:210mm!important;width:297mm!important;display:flex!important;align-items:center!important;justify-content:center!important}.certificate-container{max-width:297mm!important;width:297mm!important;margin:0!important;padding:0!important}.certificate-card{box-shadow:none!important;width:297mm!important;height:210mm!important;margin:0!important;padding:0!important}.certificate-bg{width:297mm!important;height:210mm!important;object-fit:cover!important}.certificate-actions,.share-section{display:none!important}.cert-name-overlay{font-size:24pt}.cert-number-overlay{font-size:12pt}.qr-overlay{position:absolute!important;top:16%!important;right:3%!important;width:5cm!important;height:5cm!important;min-width:5cm!important;min-height:5cm!important;max-width:5cm!important;max-height:5cm!important;transform:scale(1.3)!important;aspect-ratio:1!important;box-sizing:border-box!important}.qr-overlay canvas,.qr-overlay svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;box-sizing:border-box!important}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text p{margin:0 auto 40px}.hero-card{width:350px;height:400px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.navbar{padding:15px 20px}.nav-links{display:none}.hero{padding:100px 20px 60px}.hero-text h1{font-size:2.5em}.hero-card{width:280px;height:350px}.section{padding:60px 20px}.section-header h2{font-size:2em}.timeline{padding-left:15px;gap:35px}.timeline-item{grid-template-columns:1fr;gap:20px;padding:30px 25px}.timeline-item:before{left:-23px;top:40px;width:16px;height:16px}.timeline-year{font-size:2.2em;text-align:left;padding-right:0;padding-bottom:15px;border-right:none;border-bottom:2px solid rgba(255,255,255,.2)}.timeline-content h3{font-size:1.5em}.timeline-content p{font-size:1em;line-height:1.8}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.stat-number{font-size:2.5em}.test-container{padding:20px}.question-section,.button-group{padding:25px}.button-group{flex-direction:column}.btn-nav{width:100%;text-align:center}.certificate,.certificate-border{padding:30px}.certificate-title{font-size:2.5em}.student-name{font-size:2em}.score-display{padding:15px 30px}.score-number{font-size:2em}.certificate-page{padding:15px}.cert-name-overlay{font-size:3.5vw}.cert-number-overlay{font-size:2vw}.share-section{padding:20px}.share-link-container{flex-direction:column}.btn-copy{width:100%}.certificate-actions{flex-direction:column}.certificate-actions .btn{width:100%;text-align:center;justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}