:root{--module-accent:#1E293B;--module-accent-rgb:30,41,59;--module-accent-dark:#0f172a;--module-bg:#F1F5F9;--module-card-border:rgba(30,41,59,0.15);--module-shadow:rgba(30,41,59,0.12);--primary-gradient:#1E293B;--secondary-gradient:#F1F5F9;--tertiary-gradient:#F1F5F9;--accent-primary:#1E293B;--accent-dark:#0f172a;--card-bg:#ffffff;--card-border:rgba(30,41,59,0.15);--shadow-xs:0 2px 4px rgba(15,23,42,0.05);--shadow-sm:0 4px 12px rgba(15,23,42,0.1);--shadow-md:0 8px 32px rgba(15,23,42,0.2);--shadow-lg:0 16px 48px rgba(15,23,42,0.28);--shadow-xl:0 24px 64px rgba(15,23,42,0.38)}body{font-family:var(--font-primary);background:#F4F5F7;color:var(--color-text-primary);min-height:100vh;line-height:var(--leading-normal);overflow-x:hidden}.planet-bg{position:relative;background:linear-gradient(135deg,#F1F5F9,#E2E8F0);border:1px solid rgba(30,41,59,.18);margin:var(--space-6) var(--space-6) var(--space-12);padding:var(--space-8);box-shadow:0 2px 16px rgba(30,41,59,.08);overflow:hidden;display:flex;flex-direction:column}.planet-bg,.planet-bg:before{border-radius:var(--radius-lg)}.planet-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0,rgba(30,41,59,.05) 0,transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(51,65,85,.04) 0,transparent 50%);pointer-events:none}.planet-bg>*{position:relative;z-index:1}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-padding);width:100%}.main-content{padding-top:32px;padding-bottom:48px;flex:1}.examnotifi-header{background:linear-gradient(135deg,#0f172a,#1e293b 60%,#334155);color:#FFFFFF;padding:48px;border-radius:var(--radius-md);margin:32px 24px 48px;box-shadow:var(--shadow-lg),inset 0 .06rem 0 rgba(255,255,255,.08);position:relative;overflow:hidden;transition:all var(--transition-medium);display:flex;justify-content:space-between;align-items:center}.examnotifi-header:before{display:none}.examnotifi-header>*{position:relative;z-index:2}.examnotifi-header:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-xl),inset 0 .06rem 0 rgba(255,255,255,.12)}.examnotifi-header-left{display:flex;align-items:center;gap:24px}.examnotifi-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;color:#94a3b8;font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.0125em;white-space:nowrap}.examnotifi-back-btn:hover{color:#cbd5e1;text-decoration:underline;transform:translateX(-.12rem)}.examnotifi-brand{display:flex;flex-direction:column;gap:4px}.examnotifi-brand h1{font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:600;color:#f8fafc;margin:0;letter-spacing:.025em;text-shadow:0 .12rem .5rem rgba(0,0,0,.3);position:relative;display:inline-block}.examnotifi-brand h1:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:.12rem;background:rgba(248,250,252,.6);border-radius:var(--radius-md);transition:width var(--transition-medium)}.examnotifi-header:hover .examnotifi-brand h1:after{width:5rem}.examnotifi-brand p{font-size:1.125rem;font-weight:400;letter-spacing:.0125em;opacity:.85;margin:0;color:#cbd5e1}.examnotifi-header-right{display:flex;align-items:center;gap:16px}.examnotifi-username{font-size:1rem;color:#e2e8f0;opacity:.95}.examnotifi-logout-btn,.examnotifi-username{font-weight:500;letter-spacing:.0125em;white-space:nowrap}.examnotifi-logout-btn{padding:8px 24px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-md);color:#fecaca;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.examnotifi-logout-btn:hover{background:rgba(239,68,68,.38);color:white;transform:translateY(-.06rem);box-shadow:var(--shadow-sm)}.examnotifi-footer{max-width:56.25rem;margin:48px auto 0;text-align:center;font-size:.875rem;color:var(--text-secondary);padding:32px;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-md);transition:all var(--transition-medium);letter-spacing:.0125em}.examnotifi-footer:hover{transform:translateY(-.12rem);box-shadow:var(--shadow-lg)}.glass{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-medium)}.glass:hover{transform:translateY(-.12rem);box-shadow:var(--shadow-lg),inset 0 .06rem 0 rgba(255,255,255,.15)}.selection-section{background:var(--card-bg);border:1px solid var(--card-border);padding:48px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-bottom:48px;position:relative;transition:all var(--transition-medium)}.selection-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(30,41,59,.03) 0,transparent 70%),radial-gradient(circle at 70% 70%,rgba(51,65,85,.03) 0,transparent 70%);z-index:-1;border-radius:var(--radius-md);pointer-events:none}.selection-section:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-xl),inset 0 .06rem 0 rgba(255,255,255,.15)}.section-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:32px;padding-bottom:16px;border-bottom:.12rem solid rgba(30,41,59,.15);letter-spacing:.0125em}.filter-container{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:end}.filter-column{gap:24px}.filter-column,.filter-field{display:flex;flex-direction:column}.filter-field{gap:8px}.filter-field label,.search-label{display:block;font-size:1.125rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;letter-spacing:.0125em}.actions-column,.button-group{display:flex;flex-direction:column;gap:16px}label{display:block;font-size:1.125rem;font-weight:500;margin-bottom:8px;letter-spacing:.0125em}label,select{color:var(--text-primary)}select{padding:16px 24px;min-height:44px;font-size:1rem;border-radius:var(--radius-md);border:1px solid var(--card-border);width:100%;background:rgba(255,255,255,.78);transition:all var(--transition-medium);box-shadow:var(--shadow-sm),inset 0 .06rem .19rem rgba(0,0,0,.03);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%231e293b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer}select:hover{box-shadow:var(--shadow-md),inset 0 .06rem .19rem rgba(0,0,0,.03)}select:focus,select:hover{border-color:var(--accent-primary)}select:focus{box-shadow:0 0 0 .19rem rgba(30,41,59,.14),var(--shadow-md),inset 0 .06rem .19rem rgba(0,0,0,.03);outline:none}button{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;min-height:44px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;line-height:1;cursor:pointer;transition:all var(--transition-medium);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-fast);pointer-events:none}button:hover:before{left:100%}.primary-button{width:100%;background:var(--primary-gradient);color:#f8fafc;box-shadow:var(--shadow-md),inset 0 .06rem 0 rgba(255,255,255,.08)}.primary-button:hover:not(:disabled){transform:translateY(-.12rem);box-shadow:var(--shadow-xl),inset 0 .06rem 0 rgba(255,255,255,.12);background:linear-gradient(135deg,#334155,#1e293b 50%,#0f172a)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.reset-button{width:100%;background:linear-gradient(135deg,#757575,#424242);color:white;box-shadow:var(--shadow-md),inset 0 .06rem 0 rgba(255,255,255,.1)}.reset-button:hover{background:linear-gradient(135deg,#616161,#424242);transform:translateY(-.12rem);box-shadow:var(--shadow-xl)}.results-section{margin-top:32px}.results-header{margin-bottom:24px}.results-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:.0125em}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:32px}.exam-card{background:var(--card-bg);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md);transition:all var(--transition-medium);position:relative;border:1px solid var(--card-border);display:flex;flex-direction:column;gap:8px;overflow:hidden}.exam-card:before{content:"";position:absolute;top:0;left:0;width:.25rem;height:100%;background:var(--accent-primary);border-radius:var(--radius-md);transition:width var(--transition-medium)}.exam-card:hover{transform:translateY(-.38rem);box-shadow:var(--shadow-lg);background:rgba(255,255,255,.78)}.exam-card:hover:before{width:.38rem}.tutor-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:16px;position:relative;padding-bottom:8px}.tutor-image{width:7.5rem;height:7.5rem;object-fit:cover;border-radius:var(--radius-md);border:.25rem solid rgba(30,41,59,.25);box-shadow:0 .25rem 1.25rem rgba(15,23,42,.2);transition:transform var(--transition-medium)}.exam-card:hover .tutor-image{transform:rotate(4deg) scale(1.06)}.tutor-badge{position:absolute;bottom:-.12rem;background:var(--tertiary-gradient);padding:4px 16px;border-radius:var(--radius-md);font-size:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--card-border);white-space:nowrap}.tutor-badge,.tutor-name{font-weight:600;color:var(--accent-dark)}.tutor-name{font-size:1.35rem;text-align:center;margin-bottom:8px;letter-spacing:.0125em}.tutor-details{margin-bottom:16px;flex:1}.tutor-details p{color:var(--text-secondary);font-size:.9375rem;line-height:var(--leading-relaxed);margin-bottom:8px;text-align:left}.tutor-highlight{background:var(--tertiary-gradient);padding:8px;border-radius:var(--radius-md);margin-top:4px;border-left:.19rem solid var(--accent-primary)}.book-btn{margin-top:auto;font-size:1rem;font-weight:600;letter-spacing:.0125em}.welcome-message{padding:48px;text-align:center;border-radius:var(--radius-md);max-width:50rem;margin:32px auto 0}.welcome-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:24px;letter-spacing:.0125em}.welcome-text{color:var(--text-secondary);font-size:1.125rem;line-height:var(--leading-relaxed)}.no-results{padding:48px;text-align:center;border-radius:var(--radius-md)}.no-results-title{font-size:1.5rem;color:var(--text-primary);font-weight:600;margin-bottom:8px}.no-results-subtitle{color:var(--text-secondary);font-size:1rem}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:white;border-radius:var(--radius-md);padding:32px;max-width:45rem;width:100%;box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:.12rem solid rgba(30,41,59,.12)}.modal-title{font-size:1.625rem;font-weight:600;color:var(--text-primary);letter-spacing:.0125em}.modal-description{color:var(--text-secondary);margin-bottom:24px;line-height:var(--leading-relaxed);font-size:.9375rem}.modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:4px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1}.modal-close:hover{background:rgba(30,41,59,.08);color:var(--accent-dark)}.modal-actions{display:flex;gap:16px;margin-top:24px}.modal-btn{flex:1;padding:16px 24px;min-height:44px;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-medium);font-size:1rem;letter-spacing:.0125em}.modal-btn-cancel{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#424242;box-shadow:var(--shadow-sm)}.modal-btn-cancel:hover{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);transform:translateY(-.06rem);box-shadow:var(--shadow-md)}.modal-btn-confirm{background:var(--primary-gradient);color:#f8fafc;box-shadow:var(--shadow-sm)}.modal-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#334155,#0f172a);transform:translateY(-.06rem);box-shadow:var(--shadow-md)}.modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.payment-btn{background:linear-gradient(135deg,#66bb6a,#43a047)!important;box-shadow:var(--shadow-md)!important}.payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#2e7d32)!important;box-shadow:var(--shadow-lg)!important}.class-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.class-type-card{padding:24px;border-radius:var(--radius-md);background:rgba(255,255,255,.7);border:1.5px solid var(--card-border);cursor:pointer;transition:all var(--transition-medium);text-align:center;position:relative;overflow:hidden}.class-type-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:.19rem;background:var(--accent-primary);opacity:0;transition:opacity var(--transition-fast)}.class-type-card:hover{background:rgba(255,255,255,.9);border-color:var(--accent-primary);transform:translateY(-.25rem);box-shadow:var(--shadow-md)}.class-type-card.active:before,.class-type-card:hover:before{opacity:1}.class-type-card.active{background:var(--secondary-gradient);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.class-type-icon{font-size:2.25rem;margin-bottom:8px}.class-type-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:.0125em}.class-type-price{font-size:1.25rem;font-weight:700;color:var(--accent-primary);margin-bottom:4px}.class-type-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.booking-summary-card{padding:16px 24px;border-radius:var(--radius-md);margin-bottom:24px;background:var(--secondary-gradient);border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}.booking-form{gap:16px;margin-bottom:24px}.booking-form,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.input-label{display:block;font-size:.9375rem;font-weight:500;color:var(--text-primary);letter-spacing:.0125em}.booking-input,.booking-select{padding:16px;min-height:44px;font-size:1rem;border-radius:var(--radius-md);border:1px solid var(--card-border);background:rgba(255,255,255,.92);color:var(--text-primary);transition:all var(--transition-medium);width:100%;box-shadow:var(--shadow-xs)}.booking-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%231e293b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer}.booking-input:hover,.booking-select:hover{border-color:var(--accent-primary)}.booking-input:focus,.booking-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 .19rem rgba(30,41,59,.14);outline:none}.notification-info{background:var(--tertiary-gradient);border-left:.25rem solid var(--accent-primary);padding:16px;border-radius:var(--radius-md)}.notification-info .info-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.payment-summary{padding:24px;border-radius:var(--radius-md);margin-bottom:24px;background:var(--secondary-gradient);border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}.summary-title{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;letter-spacing:.0125em}.summary-details{display:flex;flex-direction:column;gap:8px}.summary-row{display:flex;justify-content:space-between;font-size:.9375rem;color:var(--text-secondary)}.summary-row .bold,.summary-row span:last-child,.total-row{font-weight:600;color:var(--text-primary)}.total-row{padding-top:8px;border-top:.12rem solid rgba(30,41,59,.12);font-size:1.125rem}.total-row span:last-child{color:var(--accent-dark);font-size:1.5rem}.secure-payment-badge{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:8px 16px;border-radius:var(--radius-md);text-align:center;font-size:.875rem;font-weight:500;color:#2e7d32;margin-bottom:24px;border:1px solid rgba(76,175,80,.3);letter-spacing:.0125em}.processing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;gap:0}.loader{width:3.25rem;height:3.25rem;border:.25rem solid rgba(30,41,59,.15);border-top:.25rem solid var(--accent-primary);border-radius:var(--radius-md);animation:spin .9s linear infinite;margin-bottom:32px}@keyframes spin{to{transform:rotate(1turn)}}.processing-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:.0125em}.processing-text{font-size:1rem;color:var(--text-secondary)}.success-screen{flex-direction:column;padding:32px}.success-icon,.success-screen{display:flex;align-items:center}.success-icon{width:5rem;height:5rem;background:linear-gradient(135deg,#66bb6a,#43a047);border-radius:var(--radius-md);justify-content:center;font-size:2.75rem;color:white;margin-bottom:24px;box-shadow:0 .5rem 2rem rgba(102,187,106,.4);animation:scaleIn .45s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:.0125em;text-align:center}.success-text{font-size:1rem;color:var(--text-secondary);text-align:center;margin-bottom:32px;line-height:var(--leading-relaxed);max-width:28rem}.success-details{width:100%;padding:24px;border-radius:var(--radius-md);margin-bottom:32px;background:var(--secondary-gradient);border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}.success-row{display:flex;justify-content:space-between;padding:8px 0;font-size:1rem;color:var(--text-secondary);border-bottom:.06rem solid rgba(30,41,59,.08)}.success-row:last-child{border-bottom:none}.success-actions{display:flex;gap:16px;width:100%}.fade-in{animation:fadeInUp .55s cubic-bezier(.4,0,.2,1) .05s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.bold{font-weight:600}@media (max-width:64rem){.filter-container{grid-template-columns:1fr;gap:32px}.exam-grid{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:24px}}@media (max-width:48rem){.examnotifi-header{padding:48px 32px;flex-direction:column;gap:24px;text-align:center;margin:16px 16px 32px}.examnotifi-header-left{flex-direction:column;align-items:center;gap:16px}.examnotifi-header-right{justify-content:center}.examnotifi-brand h1{font-size:2rem}.examnotifi-brand h1:after{left:50%;transform:translateX(-50%)}.examnotifi-brand p{font-size:1rem}.selection-section{padding:32px 24px}.class-type-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-content{padding:32px 24px}.exam-grid{grid-template-columns:1fr}.main-content{padding-top:24px}}@media (max-width:30rem){.container{padding:0 16px}.results-title,.section-title{font-size:1.5rem}.welcome-title{font-size:1.75rem}.examnotifi-footer{margin-top:48px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.booking-input,.booking-select,.exam-card,.glass,.modal-content,select{border:1.5px solid var(--text-primary)}}.nt-page-header{position:relative;background:linear-gradient(135deg,#0F172A,#1E293B 55%,#334155);color:white;padding:var(--space-8);border-radius:var(--radius-md);margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-5);box-shadow:0 8px 24px rgba(15,23,42,.3),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden}.nt-page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.15) 0,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.2) 0,transparent 50%);pointer-events:none}.nt-page-header>*{position:relative;z-index:1}.nt-page-header-brand{display:flex;flex-direction:column;gap:4px}.nt-page-eyebrow{font-family:Courier New,monospace;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.55);display:block;margin-bottom:var(--space-1)}.nt-page-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--font-extrabold);color:white;letter-spacing:-.02em;margin:0;line-height:var(--leading-tight);text-shadow:0 2px 8px rgba(0,0,0,.2)}.nt-page-sub{font-size:var(--text-base);color:rgba(255,255,255,.78);margin:var(--space-1) 0 0}.nt-page-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.nt-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:44px;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.nt-btn:active{transform:scale(.97)}.nt-btn-primary{background:white;color:#0F172A;border-color:white;box-shadow:0 2px 8px rgba(0,0,0,.15)}.nt-btn-primary:hover{background:#F1F5F9;color:#000;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.nt-btn-outline{background:rgba(255,255,255,.1);color:white;border-color:rgba(255,255,255,.35);backdrop-filter:blur(4px)}.nt-btn-outline:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.6);color:white}@media (max-width:768px){.nt-page-header{flex-direction:column;align-items:flex-start;padding:var(--space-6)}.nt-page-actions{width:100%}.planet-bg{margin:var(--space-4) var(--space-3) var(--space-8);padding:var(--space-5);border-radius:var(--radius-md)}}@media (max-width:480px){.planet-bg{margin:var(--space-3);padding:var(--space-4)}}