.user-dashboard{max-width:1300px;padding:calc(1.5rem + 80px) 2rem 2rem}.loading-grid{min-height:360px}.loading-message{background:#ffffffeb;border:1px solid #ffffff38;border-radius:16px;box-shadow:0 8px 16px #00000014;max-width:420px;padding:2.25rem 2rem}.loading-message .loading-spinner{font-size:.95rem;margin-bottom:.5rem}.loading-message p{font-size:.95rem}.dashboard-header{border-bottom:1px solid #e7ebf0;margin-bottom:1.75rem;padding-bottom:1.25rem}.header-text h1{font-size:2rem;font-weight:800;margin:0 0 .25rem}.header-text p{color:#6b7280;font-size:1rem;margin:0}.breadcrumb-nav{color:#6b46c1;font-size:.85rem;margin-bottom:.5rem}.breadcrumb-link{background:#0000;border-radius:6px;font-weight:600;padding:.15rem .35rem;transition:background .2s ease,color .2s ease}.breadcrumb-separator:before{color:#a1a1aa;content:"›";font-weight:600}.breadcrumb-current{color:#64748b;font-weight:700}.albums-grid,.main-groups-grid,.sub-groups-grid{grid-gap:24px;display:grid;gap:24px}.main-groups-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sub-groups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.album-card,.main-group-card,.sub-group-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:2px solid;border-radius:18px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;padding:22px;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-width .25s ease}.album-card:hover,.main-group-card:hover,.sub-group-card:hover{border-width:3px;box-shadow:0 14px 26px #0000001f;transform:translateY(-6px)}.album-header,.group-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.album-footer,.group-footer{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-top:auto}.main-group-card:first-child{background:#dcfce773;border-color:#90ee8f}.main-group-card:nth-child(2){background:#ddd6fe73}.main-group-card:nth-child(3){background:#fed7aa73}.main-group-card:nth-child(4){background:#fce7f373}.main-group-card:nth-child(5){background:#e0e7ff73}.sub-group-card:first-child{background:#eab3081f}.sub-group-card:nth-child(2){background:#22c55e1f}.sub-group-card:nth-child(3){background:#3b82f61f}.sub-group-card:nth-child(4){background:#a855f71f}.sub-group-card:nth-child(5){background:#ef44441f}.album-card:first-child{background:#dcfce759}.album-card:nth-child(2){background:#ddd6fe59}.album-card:nth-child(3){background:#fed7aa59}.album-card:nth-child(4){background:#fce7f359}.album-card:nth-child(5){background:#e0e7ff59}.group-name{color:#2d3748;font-size:1.45rem;letter-spacing:-.01em;line-height:1.15}.album-date,.album-date-large,.group-date-range{background:#8b5cf61f;border:1px solid #8b5cf638;border-radius:999px;color:#6b46c1;display:inline-block;font-size:.85rem;font-weight:700;padding:.35rem .8rem}.album-title-section h3{font-size:1.15rem;font-weight:700;line-height:1.25;margin:0 0 .15rem}.album-description{font-size:.92rem;line-height:1.45;margin:.25rem 0 .35rem}.album-subdescription{font-size:.9rem;margin:0 0 .4rem}.album-description,.album-mini-description,.album-subdescription{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.album-mini-description{background:#ffffff80;font-size:.85rem;line-height:1.35;margin:0 0 .6rem}.album-classes,.album-detail-classes{display:flex;flex-wrap:wrap;gap:8px;margin:.25rem 0 .5rem}.class-tag{border-radius:999px;box-shadow:0 2px 4px #8b5cf640;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.22rem .6rem}.album-number,.album-number-large{align-items:center;border:none;box-shadow:0 4px 10px #8b5cf647;color:#fff;display:inline-flex;justify-content:center}.album-number{font-size:.95rem;font-weight:800;height:36px;width:36px}.album-number-large{border-radius:10px;font-size:1rem;font-weight:800;padding:.4rem .8rem}.album-action,.group-action{align-items:center;background:#6b46c11f;border:1px solid #6b46c138;border-radius:50%;color:#6b46c1;display:inline-flex;font-weight:800;height:38px;justify-content:center;transition:transform .2s ease,background .2s ease,color .2s ease;width:38px}.album-card:hover .album-action,.main-group-card:hover .group-action,.sub-group-card:hover .group-action{background:#6b46c1;color:#fff;transform:scale(1.06)}.view-arrow{transition:transform .18s ease}.album-card:hover .view-arrow,.main-group-card:hover .view-arrow,.sub-group-card:hover .view-arrow{transform:translateX(3px)}.main-group-card{min-height:180px}.sub-group-card{min-height:170px}.album-card{min-height:210px}.empty-files,.empty-state{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #ffffff38;border-radius:16px;box-shadow:0 8px 16px #00000012;padding:3rem 2rem;text-align:center}.empty-files h3,.empty-state h2{color:#2d3748;margin-bottom:.5rem}.empty-files p,.empty-state p{color:#4a5568;margin:0}.files-header{border-bottom:1px solid #e7ebf0;margin-bottom:1.5rem;padding-bottom:1.25rem}.files-header-content{gap:1.25rem}.album-info-header{gap:10px;margin-bottom:.5rem}.album-title-date-section h1{color:#2d3748;font-size:1.6rem;font-weight:800;margin:0 0 .2rem}.album-date-large{margin-top:.15rem}.files-actions{gap:.75rem}.view-toggle{border-radius:10px;display:inline-flex}.view-btn{font-weight:600;padding:.45rem .75rem;transition:background .2s ease,color .2s ease}.files-container.grid{grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.files-container.list{gap:12px}.file-item{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:transform .25s ease,box-shadow .25s ease}.file-item:hover{box-shadow:0 12px 24px #00000024;transform:translateY(-3px)}.files-container.grid .file-content{height:260px}.file-thumbnail,.file-thumbnail-small{align-items:center;background:#f8f9fa;display:flex;justify-content:center}.thumbnail-image{transition:transform .25s,opacity .25s}.file-item:hover .thumbnail-image{transform:scale(1.04)}.files-container.grid .file-overlay{background:linear-gradient(#0000,#000000bf);inset:auto 0 0 0;padding:1.4rem 1rem 1rem;z-index:2}.files-container.grid .file-name{font-size:1rem;font-weight:800;line-height:1.25;max-width:62%}.files-container.grid .download-btn{background:#7c3aed;box-shadow:0 2px 8px #7c3aed59;font-weight:700;padding:.7rem 1.2rem;transition:transform .2s,box-shadow .2s,background .2s}.files-container.grid .download-btn:hover{background:#6b46c1;box-shadow:0 4px 12px #6b46c166}.file-list-content{gap:1rem;padding:.85rem 1rem}.file-display-small .thumbnail-fallback,.file-display-small .thumbnail-image,.file-thumbnail-small{border-radius:10px}.file-name-list{flex:1 1;font-size:.98rem;font-weight:700}.download-btn-list,.download-btn-list[href]{align-items:center;background:#6b46c1;border:none;border-radius:10px;box-shadow:0 2px 8px #8b5cf640;color:#fff;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:700;justify-content:center;padding:.55rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.download-btn-list:hover,.download-btn-list[href]:hover{background:#553c9a;box-shadow:0 4px 12px #553c9a59;transform:translateY(-1px)}.file-icon,.thumbnail-fallback,.thumbnail-placeholder{align-items:center;display:flex;font-weight:800;inset:0;justify-content:center;position:absolute;z-index:1}.file-icon,.thumbnail-fallback{background:#f8f9fa;color:#6b7280;font-size:1.2rem}@media (max-width:1024px){.user-dashboard{padding:calc(1rem + 88px) 1rem 1rem}.albums-grid,.main-groups-grid,.sub-groups-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.files-header-content{flex-direction:column;gap:.85rem}.album-title-date-section h1{font-size:1.4rem}}@media (max-width:768px){.albums-grid,.main-groups-grid,.sub-groups-grid{gap:16px;grid-template-columns:1fr}.album-card,.main-group-card,.sub-group-card{border-radius:14px;min-height:0;min-height:auto;padding:18px}.group-name{font-size:1.25rem}.album-title-section h3{font-size:1rem}.files-container.grid{grid-template-columns:1fr}.files-container.grid .file-content{height:240px}.album-number{font-size:.85rem;height:32px;width:32px}.album-number-large{font-size:.9rem;padding:.35rem .65rem}}@media (min-width:1200px){.albums-grid,.main-groups-grid,.sub-groups-grid{gap:24px;grid-template-columns:repeat(3,1fr)}}.user-dashboard{margin:0 auto!important;max-width:1300px!important}.albums-grid,.main-groups-grid,.sub-groups-grid{grid-gap:24px!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}.files-container.grid{grid-gap:18px!important;display:grid!important;gap:18px!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important}.album-number{border-radius:50%!important;height:36px!important;width:36px!important}.header-text h1{isolation:isolate;position:relative}.header-text h1:after{background:radial-gradient(120px 40px at 20% 0,#8b5cf62e,#0000 60%),radial-gradient(120px 40px at 70% 10%,#10b98124,#0000 60%);border-radius:12px;content:"";filter:blur(12px);inset:55% -6px -6px -6px;opacity:.7;position:absolute;transition:transform .35s ease,opacity .35s ease;z-index:-1}.header-text h1:hover:after{opacity:.9;transform:translateY(2px) scale(1.02)}.album-card,.main-group-card,.sub-group-card{transform:translateY(0) perspective(800px) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d}.album-card:hover,.main-group-card:hover,.sub-group-card:hover{box-shadow:0 16px 34px #00000024;transform:translateY(-6px) perspective(800px) rotateX(.6deg) rotateY(.6deg)}.skel{background:#eef1f6;border-radius:12px;overflow:hidden;position:relative}.skel:after{animation:skel 1.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes skel{to{transform:translateX(100%)}}.skel-title{height:18px;width:60%}.skel-line{height:12px;margin-top:10px;width:100%}.skel-thumb{border-radius:12px;height:180px}.album-footer{position:relative}.album-progress{background:#e7ebf0;border-radius:2px;bottom:-2px;height:3px;left:0;overflow:hidden;position:absolute;right:0}.album-progress>span{background:linear-gradient(135deg,#6b46c1,#8b5cf6);display:block;height:100%;transition:width .4s ease}.view-btn,.view-toggle{position:relative}.view-btn{z-index:1}.view-toggle:before{background:#fff;border-radius:8px;bottom:3px;box-shadow:0 2px 8px #0000000f;content:"";left:3px;position:absolute;top:3px;transition:transform .25s ease;width:50%}.view-toggle.grid-active:before{transform:translateX(0)}.view-toggle.list-active:before{transform:translateX(100%)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 1rem}.filter-chip{background:#6b46c10f;border:1px solid #6b46c147;border-radius:999px;color:#6b46c1;cursor:pointer;font-size:.8rem;font-weight:700;padding:.45rem .8rem;transition:.2s;-webkit-user-select:none;user-select:none}.filter-chip:hover{box-shadow:0 6px 14px #8b5cf62e;transform:translateY(-1px)}.filter-chip.active{background:#6b46c1;border-color:#0000;color:#fff}.thumbnail-image{opacity:0;transform:scale(1.02);transition:opacity .3s ease,transform .3s ease}.thumbnail-image.loaded{transform:scale(1)}:root{--ink:#2d3748;--muted:#4a5568;--brand:#6b46c1;--brand-2:#8b5cf6;--glass:#ffffffe6;--ring:#8b5cf61f}.user-dashboard{color:#2d3748;color:var(--ink)}.group-date-range{border-color:#8b5cf61f;border-color:var(--ring)}.album-number,.album-number-large{background:linear-gradient(135deg,#6b46c1,#8b5cf6);background:linear-gradient(135deg,var(--brand),var(--brand-2))}:root{--bg:#faf9f5;--card:#fff;--ink-1:#2d3748;--ink-2:#4a5568;--ink-3:#6b7280;--primary:#6b46c1;--primary-2:#8b5cf6;--surface:#f7f7fb}.homepage{background:#faf9f5;background:var(--bg);color:#2d3748;color:var(--ink-1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero{overflow:hidden;padding:140px 0 60px;position:relative}.hero-bg{background:radial-gradient(1200px 500px at 20% -10%,#ede9fe 0,#0000 60%),radial-gradient(900px 400px at 90% 0,#e6fce6 0,#0000 60%);inset:0;pointer-events:none}.blob,.hero-bg{position:absolute}.blob{filter:blur(30px);opacity:.6}.b1{background:linear-gradient(135deg,#c4b5fd,#e9d5ff);height:380px;left:-60px;top:20px;width:380px}.b2{background:linear-gradient(135deg,#b9fbc0,#e6fce6);height:320px;right:-80px;top:80px;width:320px}.b3{background:linear-gradient(135deg,#fbd5e1,#f7e7f3);bottom:-80px;height:260px;right:15%;width:260px}.grid-fade{background:linear-gradient(0deg,#0000000a,#0000);height:46%;inset:auto 0 0;position:absolute}.hero-inner{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1.1fr 1fr;position:relative;z-index:1}.hero-left .pill{align-items:center;background:#6b46c11f;border:1px solid #6b46c133;border-radius:999px;color:#6b46c1;color:var(--primary);display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.4rem .8rem}.hero-title{font-size:3.2rem;letter-spacing:-.02em;line-height:1.05;margin:14px 0 12px}.hero-sub{color:#4a5568;color:var(--ink-2);font-size:1.125rem;margin-bottom:22px;max-width:44ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{border:1px solid #0000;border-radius:10px;font-size:.95rem;font-weight:700;justify-content:center;padding:.85rem 1.2rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6b46c1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 6px 18px #8b5cf647}.btn-primary:hover{box-shadow:0 10px 22px #8b5cf659}.btn-ghost{border-color:#00000014;color:#2d3748;color:var(--ink-1)}.btn-ghost:hover{background:#fff;box-shadow:0 6px 16px #00000014}.hero-trust{color:#6b7280;color:var(--ink-3);gap:.8rem;margin-top:18px}.hero-trust,.trust-avatars{align-items:center;display:flex}.circle{background:#ddd;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000014;height:28px;width:28px}.c1{background:#fbd5e1}.c2{background:#c4b5fd}.c2,.c3{margin-left:-8px}.c3{background:#b9fbc0}.hero-right{display:flex;justify-content:center}.mockup{background:#fff;background:var(--card);border:1px solid #0000000f;border-radius:20px;box-shadow:0 18px 40px #0000001a;display:flex;flex-direction:column;max-width:520px;overflow:hidden;width:100%}.mockup-head{background:#f7f7fb;background:var(--surface);border-bottom:1px solid #0000000f;display:flex;gap:6px;padding:12px}.mockup-head div{border-radius:50%;height:10px;width:10px}.mockup-head div:first-child{background:#ff5f56}.mockup-head div:nth-child(2){background:#ffbd2e}.mockup-head div:nth-child(3){background:#27c93f}.mockup-cards{padding:14px}.banner-img{border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.mockup-cta{border-top:1px solid #0000000f;display:flex;justify-content:flex-end;padding:12px 14px}.btn-surface{background:#fff;border:1px solid #00000014;color:#2d3748;color:var(--ink-1)}.btn-surface:hover{box-shadow:0 6px 16px #00000014}.event-banner-section{margin-top:40px;position:relative}.event-banner-wrapper{position:relative}.event-banner-img{display:block;height:auto;width:100%}.event-banner-overlay{background:#fff;border-radius:8px;bottom:20px;color:#000;left:20px;max-width:560px;padding:16px 20px;position:absolute;right:auto}.event-banner-overlay h2{font-size:1.5rem;font-weight:700;margin:0 0 6px}.event-banner-overlay p{font-size:1rem;line-height:1.4;margin:0}.highlights{padding:70px 0}.highlights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.hi-card{background:#fff;background:var(--card);border:1px solid #0000000f;border-radius:16px;box-shadow:0 8px 18px #0000000f;padding:22px;transition:transform .2s,box-shadow .2s}.hi-card:hover{box-shadow:0 16px 26px #00000014;transform:translateY(-4px)}.hi-ico{align-items:center;background:#6b46c11a;border:1px solid #6b46c133;border-radius:10px;color:#6b46c1;color:var(--primary);display:flex;font-size:1.2rem;height:36px;justify-content:center;margin-bottom:12px;width:36px}.hi-card h3{font-size:1.05rem;margin:0 0 6px}.hi-card p{color:#4a5568;color:var(--ink-2);font-size:.95rem;margin:0}.workflow{padding:30px 0 90px}.sec-title{font-size:2rem;margin-bottom:22px;text-align:center}.workflow-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin:0 auto 18px;max-width:980px}.wf-step{align-items:flex-start;background:#fff;background:var(--card);border:1px solid #0000000f;border-radius:16px;display:flex;gap:14px;padding:18px}.step-num{align-items:center;background:linear-gradient(135deg,#6b46c1,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--primary-2));border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.wf-step h4{font-size:1.05rem;margin:0 0 4px}.wf-step p{color:#4a5568;color:var(--ink-2);font-size:.95rem;margin:0}.workflow-cta{display:flex;gap:.75rem;justify-content:center;margin-top:12px}.cta{padding:80px 0}.cta-inner{background:linear-gradient(135deg,#ede9fe,#e6fce6);border:1px solid #0000000f;border-radius:22px;box-shadow:0 14px 30px #0000001a;padding:42px 22px;text-align:center}.cta-inner h2{font-size:2rem;margin:0 0 6px}.cta-inner p{color:#4a5568;color:var(--ink-2);margin:0 0 16px}.cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@media (max-width:1024px){.hero-inner{gap:28px;grid-template-columns:1fr}.hero-right{order:-1}.hero{padding-top:120px}.hero-title{font-size:2.6rem}.highlights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hero{padding-top:110px}.hero-title{font-size:2.1rem}.hero-sub{font-size:1rem}.highlights-grid,.workflow-grid{grid-template-columns:1fr}.mockup{max-width:100%}.btn{width:100%}.event-banner-overlay{bottom:10px;left:10px;max-width:100%;padding:12px 14px;right:10px}.event-banner-overlay h2{font-size:1.25rem}.event-banner-overlay p{font-size:.9rem}}.how-it-works{background:#fefefe;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.workflow-section{background:#fefefe;padding:120px 0}.section-content{margin:0 auto;max-width:1300px;padding:0 40px}.workflow-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr}.workflow-tabs{display:flex;flex-direction:column;gap:1rem}.workflow-tab{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #0000;border-radius:20px;display:flex;gap:1rem;padding:2rem;transition:all .3s ease}.workflow-tab:first-child{background:#e6fce6;border:1px solid #90ee8f}.workflow-tab:nth-child(2){background:#f0ebf8;border:1px solid #ddd6fe}.workflow-tab:nth-child(3){background:linear-gradient(135deg,#93c5fd1a,#93c5fd0d);border:1px solid #9bc2fa}.step-number{align-items:center;background:linear-gradient(135deg,#805ad5,#9f7aea);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex-grow:1}.step-title{color:#2d3748;display:block;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.step-description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0}.faq-accordion{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:90px 0 120px}.acc-container{margin:0 auto;max-width:900px;padding:0 20px}.acc-title{color:#8b5cf6;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 22px;text-align:center}.acc-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.acc-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 20px #0000000f;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.acc-item.open{box-shadow:0 16px 34px #0000001a;transform:translateY(-1px)}.acc-trigger{align-items:flex-start;background:#0000;border:0;color:#2d3748;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:14px;justify-content:space-between;padding:18px;text-align:left;width:100%}.acc-trigger:hover{background:#fafafa}.acc-trigger:focus{border-radius:10px;outline:2px solid #8b5cf6;outline-offset:2px}.chev{color:#94a3b8;font-size:1.4rem;line-height:1;margin-left:6px}.acc-panel{background:linear-gradient(180deg,#fff,#fcfcff);border-top:1px solid #f1f5f9;overflow:hidden;transition:max-height .28s ease}.acc-panel .a{color:#4a5568;font-size:1rem;line-height:1.6;margin:0;padding:16px 18px 20px}@media (max-width:1024px){.section-content{padding:0 30px}}@media (max-width:768px){.workflow-section{padding:80px 0}.faq-accordion{padding:70px 0 90px}.section-content{padding:0 20px}}@media (max-width:480px){.acc-title{font-size:1.8rem}.acc-trigger{font-size:1rem;padding:16px}.acc-panel .a{font-size:.98rem;padding:14px 16px 18px}}.user-dashboard{background:#0000;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:calc(1.5rem + 80px) 2rem 1.5rem}.loading-grid{align-items:center;display:flex;justify-content:center;min-height:400px;width:100%}.loading-message{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 16px #0000001a;max-width:400px;padding:3rem;text-align:center;width:100%}.loading-message .loading-spinner{animation:none;color:#6b46c1;font-size:1.2rem;font-weight:600;margin-bottom:1rem;transform:none}.loading-message p{color:#4a5568;font-size:1rem;margin:0}.loading-spinner{animation:none!important;transform:none!important}.dashboard-loading,.loading-content{display:none}.dashboard-header{border-bottom:1px solid #e2e8f0;margin-bottom:3rem;padding-bottom:2rem}.header-text h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-text p{color:#4a5568;font-size:1.125rem}.breadcrumb-nav{align-items:center;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.breadcrumb-link{background:none;border:none;border-radius:4px;color:#6b46c1;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.breadcrumb-link:hover{background:#8b5cf61a;color:#553c9a}.breadcrumb-separator{color:#9ca3af;font-weight:500}.breadcrumb-current{color:#4a5568;font-weight:600}.main-groups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.main-group-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.main-group-card:first-child{background:#dcfce766;border-color:#90ee90}.main-group-card:nth-child(2){background:#ddd6fe66;border-color:#ddd6fe}.main-group-card:nth-child(3){background:#fed7aa66;border-color:#fed7aa}.main-group-card:nth-child(4){background:#fce7f366;border-color:#fce7f3}.main-group-card:nth-child(5){background:#e0e7ff66;border-color:#e0e7ff}.main-group-card:nth-child(6){background:#dcfce766;border-color:#99e4b5}.main-group-card:nth-child(7){background:#ddd6fe66;border-color:#ddd6fe}.main-group-card:hover{border-width:3px;box-shadow:0 12px 25px #00000026;transform:translateY(-8px)}.group-header{align-items:flex-start;display:flex;justify-content:flex-start;width:100%}.group-name{color:#0000004d;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0;text-align:left}.group-footer{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto;width:100%}.group-date-container{flex-grow:1}.group-date-range{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;color:#6b46c1;display:inline-block;font-size:1rem;font-weight:600;padding:.4rem 1rem;white-space:nowrap}.group-action{align-items:center;background:#6b46c11a;border:1px solid #6b46c133;border-radius:50%;color:#6b46c1;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.view-arrow{transition:transform .2s ease}.main-group-card:hover .group-action,.sub-group-card:hover .group-action{background:#6b46c1;border-color:#6b46c1;color:#fff;transform:scale(1.1)}.main-group-card:hover .view-arrow,.sub-group-card:hover .view-arrow{transform:translateX(3px)}.sub-groups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sub-group-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.sub-group-card:first-child{background:#eab3081a;border-color:#eab308}.sub-group-card:nth-child(2){background:#22c55e1a;border-color:#22c55e}.sub-group-card:nth-child(3){background:#3b82f61a;border-color:#3b82f6}.sub-group-card:nth-child(4){background:#a855f71a;border-color:#a855f7}.sub-group-card:nth-child(5){background:#ef44441a;border-color:#ef4444}.sub-group-card:nth-child(6){background:#f59e0b1a;border-color:#f59e0b}.sub-group-card:nth-child(7){background:#14b8a61a;border-color:#14b8a6}.sub-group-card:hover{border-width:3px;box-shadow:0 10px 20px #0000001f;transform:translateY(-6px)}.albums-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.album-card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;min-height:200px;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.album-card:first-child{background:#dcfce74d;border-color:#97deb0}.album-card:nth-child(2){background:#ddd6fe4d;border-color:#ddd6fe}.album-card:nth-child(3){background:#fed7aa4d;border-color:#fed7aa}.album-card:nth-child(4){background:#fce7f34d;border-color:#fce7f3}.album-card:nth-child(5){background:#e0e7ff4d;border-color:#e0e7ff}.album-card:nth-child(6){background:#dcfce74d;border-color:#99e4b5}.album-card:nth-child(7){background:#ddd6fe4d;border-color:#ddd6fe}.album-card:hover{border-width:3px;transform:translateY(-8px)}.album-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.album-number{align-items:center;background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #8b5cf64d;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.album-title-section{flex-grow:1}.album-title-section h3{color:#2d3748;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.album-date{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;color:#6b46c1;display:inline-block;font-size:.8rem;font-weight:600;margin-top:.25rem;padding:.2rem .6rem}.album-content{flex-grow:1;margin-bottom:1.5rem}.album-description{color:#4a5568;font-size:.9rem;font-weight:500;line-height:1.4;margin-bottom:.75rem}.album-subdescription{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.85rem;font-style:italic;line-height:1.4;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis}.album-mini-description{background:#fff6;border-left:3px solid #6b46c1;border-radius:8px;color:#9ca3af;font-size:.8rem;font-weight:400;line-height:1.3;margin-bottom:.75rem;padding:.5rem .75rem}.album-classes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.class-tag{background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:20px;box-shadow:0 2px 4px #8b5cf64d;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase;transition:all .2s ease}.class-tag:hover{box-shadow:0 4px 8px #8b5cf666;transform:translateY(-1px)}.album-detail-description{color:#4a5568;font-size:1rem;font-weight:500;margin-bottom:.5rem}.album-detail-subdescription{color:#6b7280;font-size:.9rem;font-style:italic;margin-bottom:.5rem}.album-detail-mini-description{background:#8b5cf60d;border-left:3px solid #6b46c1;border-radius:8px;color:#9ca3af;font-size:.85rem;margin-bottom:1rem;padding:.75rem 1rem}.album-detail-classes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.album-footer{align-items:flex-end;display:flex;justify-content:flex-end;margin-top:auto}.album-action{align-items:center;background:#fffc;border-radius:50%;color:#6b46c1;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.album-card:hover .view-arrow{transform:translateX(2px)}.empty-state{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;padding:4rem 2rem;text-align:center}.empty-icon{color:#6b7280;font-size:1rem;font-weight:600;margin-bottom:1.5rem}.empty-state h1{color:#8b5cf6;font-size:3.5rem;margin-bottom:.5rem}.empty-state p{color:#4a5568;margin-bottom:2rem}.files-header{border-bottom:1px solid #e2e8f0;padding-bottom:2rem}.files-header,.files-header .breadcrumb-nav{margin-bottom:2rem}.files-header-content{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.album-info{flex-grow:1}.album-info-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.album-title-date-section{flex-grow:1}.album-number-large{background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:700;padding:.5rem 1rem}.album-info h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}.album-date-large{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:16px;color:#6b46c1;display:inline-block;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.4rem 1rem}.files-actions{align-items:center;display:flex;gap:1rem}.view-toggle{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.view-btn{background:#0000;border:none;color:#4a5568;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.view-btn:hover{background:#edf2f7}.view-btn.active{background:#6b46c1;color:#fff}.files-container.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.files-container.list{display:flex;flex-direction:column;gap:1rem}.file-item{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border-radius:20px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.file-item:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.files-container.grid .file-content{height:280px;overflow:hidden;position:relative;width:100%}.files-container.list .file-item{border-radius:12px;box-shadow:0 2px 8px #00000014}.files-container.list .file-item:hover{transform:translateY(-2px)}.file-list-content{align-items:center;display:flex;gap:1.5rem;padding:0 1rem 0 0}.file-thumbnail-small{background:#f8f9fa;border-radius:8px;flex-shrink:0;height:90px;overflow:hidden;width:120px}.file-display-small{height:100%;width:100%}.file-display-small .thumbnail-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.file-display-small .file-icon{align-items:center;display:flex;justify-content:center}.file-display-small .file-icon,.file-display-small .thumbnail-fallback{background:#f8f9fa;color:#6b7280;font-size:.8rem;font-weight:600}.file-name-list{color:#2d3748;flex-grow:1;font-size:1rem;font-weight:600;word-break:break-word}.download-btn-list{background:#8b5cf6;border:none;border-radius:8px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.download-btn-list:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.download-btn-list[href],.download-btn[href]{align-items:center;background:#6b7280;color:#fff;display:inline-flex;justify-content:center;text-decoration:none;transition:all .2s ease}.download-btn-list[href]:hover,.download-btn[href]:hover{background:#4b5563;color:#fff;text-decoration:none;transform:translateY(-1px)}.file-thumbnail{align-items:center;background:#f8f9fa;display:flex;height:100%;justify-content:center;position:relative;width:100%}.thumbnail-image{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.thumbnail-image.loading{opacity:0}.thumbnail-image.loaded{opacity:1}.file-item:hover .thumbnail-image{transform:scale(1.05)}.thumbnail-placeholder{font-size:.9rem;z-index:1}.thumbnail-fallback,.thumbnail-placeholder{align-items:center;background:#f8f9fa;bottom:0;color:#6b7280;display:flex;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}.thumbnail-fallback{font-size:1.5rem;z-index:3}.file-icon{align-items:center;background:#f8f9fa;color:#6b7280;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;width:100%}.files-container.grid .file-overlay{align-items:flex-end;background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;display:flex;justify-content:space-between;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0;z-index:10}.files-container.grid .file-name{color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;max-width:60%;text-shadow:0 1px 2px #00000080;word-break:break-word}.files-container.grid .download-btn{background:#8b5cf6;border:none;border-radius:12px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.files-container.grid .download-btn:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.empty-files{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;padding:4rem 2rem;text-align:center}.empty-files .empty-icon{color:#6b7280;font-size:1rem;font-weight:600;margin-bottom:1.5rem}.empty-files h3{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem}.empty-files p{color:#4a5568}.btn-primary{box-shadow:0 4px 12px #6b46c14d}.btn-primary:hover{box-shadow:0 6px 16px #6b46c166}@media (max-width:768px){.user-dashboard{padding:calc(1rem + 100px) 1rem 1rem}.albums-grid,.main-groups-grid,.sub-groups-grid{grid-template-columns:1fr}.main-group-card{min-height:160px;padding:1.5rem}.sub-group-card{min-height:140px;padding:1.5rem}.group-name{font-size:2rem}.group-date-range{font-size:.9rem;padding:.3rem .8rem}.group-action{font-size:1rem;height:35px;width:35px}.album-card{min-height:180px;padding:2rem}.album-header,.album-header-info{gap:.75rem;margin-bottom:.75rem}.album-number{font-size:1rem;height:35px;width:35px}.album-title-section h3{font-size:1.1rem}.album-date{font-size:.75rem;margin-top:.2rem;padding:.15rem .5rem}.album-description{font-size:.85rem}.album-subdescription{-webkit-line-clamp:3;font-size:.8rem}.album-mini-description{font-size:.75rem;margin-bottom:.5rem;padding:.4rem .6rem}.album-classes{gap:.4rem;margin-bottom:.5rem}.class-tag{font-size:.7rem;padding:.2rem .6rem}.files-header .breadcrumb-nav{margin-bottom:1.5rem}.files-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.album-info-header{align-items:flex-start;flex-direction:row;gap:.75rem}.album-number-large{font-size:1rem;padding:.4rem .8rem}.album-info h1{font-size:1.5rem}.album-date-large{font-size:.9rem;margin-top:.3rem;padding:.3rem .8rem}.album-detail-description{font-size:.9rem}.album-detail-subdescription{font-size:.85rem}.album-detail-mini-description{font-size:.8rem;padding:.6rem .8rem}.album-detail-classes{gap:.4rem}.files-actions{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.view-toggle{order:-1}.files-container.grid{gap:1.5rem;grid-template-columns:1fr}.files-container.grid .file-content{height:250px!important}.files-container.grid .file-overlay{padding:1.5rem 1rem 1rem}.files-container.grid .file-name{font-size:1rem!important;max-width:55%!important}.files-container.grid .download-btn{font-size:.85rem!important;padding:.6rem 1.2rem!important}.files-container.list .file-list-content{gap:1rem;padding:1rem}.file-thumbnail-small{height:50px;width:50px}.file-name-list{font-size:.9rem}.download-btn-list{font-size:.8rem;padding:.5rem 1rem}.header-text h1{font-size:2rem}.breadcrumb-nav{flex-wrap:wrap;gap:.25rem}}@media (max-width:480px){.main-group-card{min-height:140px;padding:1.25rem}.sub-group-card{min-height:120px;padding:1.25rem}.group-name{font-size:1.5rem}.group-date-range{font-size:.8rem;padding:.25rem .6rem}.group-action{font-size:.9rem;height:32px;width:32px}.album-card{min-height:160px;padding:1.5rem}.album-header,.album-header-info{gap:.5rem;margin-bottom:.5rem}.album-number{font-size:.9rem;height:30px;width:30px}.album-title-section h3{font-size:1rem}.album-date{font-size:.7rem;margin-top:.15rem;padding:.1rem .4rem}.album-description{font-size:.8rem;margin-bottom:.4rem}.album-subdescription{font-size:.75rem;margin-bottom:.4rem}.album-mini-description{font-size:.7rem;margin-bottom:.4rem;padding:.3rem .5rem}.class-tag{font-size:.65rem;padding:.15rem .5rem}.album-number-large{font-size:.9rem;padding:.3rem .6rem}.album-date-large{font-size:.8rem;margin-top:.25rem;padding:.25rem .6rem}.breadcrumb-nav{font-size:.8rem}}@media (max-width:1024px) and (min-width:769px){.files-container.grid{gap:1.5rem}.albums-grid,.files-container.grid,.main-groups-grid,.sub-groups-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.files-container.grid{gap:2rem}.albums-grid,.files-container.grid,.main-groups-grid,.sub-groups-grid{grid-template-columns:repeat(3,1fr)}}.event-logo2{max-width:100%}.event-logo2,.event-logo3{display:block;height:auto;object-fit:contain;padding-bottom:50px}.event-logo3{max-width:50%}.signin-page{background:#faf9f5;min-height:100vh;width:100%}.signin-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:calc(2rem + 80px) 1rem 2rem;width:100%}.signin-content{max-width:440px;text-align:center;width:100%}.signin-header{margin-bottom:2rem}.welcome-icon{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 16px #8b5cf61a;display:flex;height:80px;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:1rem;width:80px}.welcome-icon img{height:100px;object-fit:contain;width:100px}.signin-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.signin-header p{color:#4a5568;font-size:1rem}.signin-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 16px 32px #0000001a;margin-bottom:1.5rem;padding:2.5rem 2rem}.signin-form{text-align:left}.form-group input{box-sizing:border-box;font-family:inherit}.error-text{color:#e53e3e;display:block;font-size:.75rem;margin-top:.25rem}.general-error{background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:8px;color:#e53e3e;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.form-options{flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.form-options,.remember-me{align-items:center;display:flex;gap:.5rem}.remember-me{color:#4a5568;cursor:pointer;font-size:.875rem;position:relative}.remember-me input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{height:16px;width:16px}.remember-me input:checked~.checkmark{background:#6b46c1;border-color:#6b46c1}.remember-me input:checked~.checkmark:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-link{color:#6b46c1;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#553c9a;text-decoration:underline}.signin-btn{align-items:center;background:linear-gradient(135deg,#6b46c1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease;width:100%}.signin-btn:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.signin-btn:active:not(:disabled){transform:translateY(0)}.signin-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.signin-footer{text-align:center}.signin-footer p{color:#4a5568;font-size:.875rem}.signup-link{color:#6b46c1;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#553c9a;text-decoration:underline}@media (max-width:768px){.signin-container{padding:calc(1rem + 100px) 1rem 1rem}.signin-content{max-width:100%}.signin-card{border-radius:16px;padding:2rem 1.5rem}.signin-header h1{font-size:1.75rem}.welcome-icon{height:70px;width:70px}.welcome-icon img{height:100px;width:100px}.form-options{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.signin-card{padding:1.5rem 1rem}.welcome-icon{height:60px;width:60px}.welcome-icon img{height:100px;width:100px}}.forgot-password-container{align-items:center;background:#faf9f5;display:flex;justify-content:center;min-height:100vh;padding:calc(2rem + 80px) 1rem 2rem}.forgot-password-content{max-width:440px;text-align:center;width:100%}.forgot-password-header{margin-bottom:2rem}.forgot-icon{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 16px #8b5cf61a;display:flex;height:80px;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:1rem;width:80px}.forgot-icon img{height:100px;object-fit:contain;width:100px}.forgot-password-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:.5rem}.forgot-password-header p{color:#4a5568;font-size:1rem;line-height:1.5}.forgot-password-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 16px 32px #0000001a;margin-bottom:2rem;padding:2.5rem 2rem}.forgot-password-form{margin-bottom:1.5rem;text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block}.form-group input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:.875rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{background:#fffffff2;border-color:#6b46c1;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-group input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-group input:disabled{background:#fff9;cursor:not-allowed;opacity:.7}.error-message{background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:8px;color:#e53e3e;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.reset-btn{align-items:center;background:linear-gradient(135deg,#6b46c1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease;width:100%}.reset-btn:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.reset-btn:active:not(:disabled){transform:translateY(0)}.reset-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-divider{margin:1.5rem 0;position:relative;text-align:center}.form-divider:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.form-divider span{background:#fffffff2;color:#6b7280;font-size:.875rem;padding:0 1rem;position:relative;z-index:1}.alternative-actions{display:flex;flex-direction:column;gap:1rem;text-align:center}.back-link,.signup-link{color:#6b46c1;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.back-link:hover,.signup-link:hover{color:#553c9a;text-decoration:underline}.help-section{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 16px #0000000d;padding:1.5rem}.help-section h3{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:.5rem}.help-section p{color:#4a5568;font-size:.875rem;line-height:1.5}.support-link{color:#6b46c1;font-weight:500;text-decoration:none}.support-link:hover{color:#553c9a;text-decoration:underline}.success-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 16px 32px #0000001a;padding:3rem 2rem;text-align:center}.success-icon{background:#22c55e1a;border:1px solid #22c55e33;border-radius:50%;padding:1.5rem}.success-card h1{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1rem}.success-card>p{color:#4a5568;font-size:1rem;line-height:1.5;margin-bottom:2rem}.success-instructions{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.instruction-number{background:#6b46c1}.success-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.resend-btn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:12px;color:#6b46c1;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.resend-btn:hover:not(:disabled){background:#8b5cf626;border-color:#6b46c1;transform:translateY(-1px)}.resend-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.back-signin-btn{color:#6b46c1;font-size:.875rem;font-weight:500;padding:.875rem;text-decoration:none;transition:color .2s ease}.back-signin-btn:hover{color:#553c9a;text-decoration:underline}@media (max-width:768px){.forgot-password-container{padding:calc(1rem + 100px) 1rem 1rem}.forgot-password-content{max-width:100%}.forgot-password-card,.success-card{border-radius:16px;padding:2rem 1.5rem}.forgot-password-header h1,.success-card h1{font-size:1.75rem}.forgot-icon,.success-icon{height:70px;width:70px}.forgot-icon img{height:100px;width:100px}.success-icon{font-size:2.5rem;padding:1rem}}@media (max-width:480px){.forgot-password-card,.success-card{padding:1.5rem 1rem}.help-section,.success-instructions{padding:1rem}.instruction-item{font-size:.8rem;gap:.75rem}.instruction-number{font-size:.7rem;height:20px;width:20px}.forgot-icon{height:60px;width:60px}.forgot-icon img{height:100px;width:100px}}.verification-container{align-items:center;background:#faf9f5;display:flex;justify-content:center;min-height:100vh;padding:calc(2rem + 80px) 1rem 2rem}.verification-content{max-width:500px;text-align:center;width:100%}.verification-header{margin-bottom:2rem}.verification-icon{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 16px #8b5cf61a;display:flex;height:80px;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:1rem;width:80px}.verification-icon img{height:100px;object-fit:contain;width:100px}.success-icon-large{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#22c55e1a;border:2px solid #22c55e4d;border-radius:50%;box-shadow:0 8px 16px #22c55e33;display:flex;height:100px;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:1.5rem;width:100px}.success-icon-large img{filter:brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);height:100px;object-fit:contain;width:100px}.verification-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1rem}.verification-header p{color:#4a5568;font-size:1rem;line-height:1.5}.verification-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 16px 32px #0000001a;padding:3rem 2rem}.success-card{background:#22c55e0d;border:2px solid #22c55e33}.success-content{text-align:center}.success-icon{display:inline-block;font-size:4rem;margin-bottom:1.5rem}.success-content h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.success-content p{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:2rem}.verification-instructions{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:left}.instruction-item{align-items:flex-start;color:#4a5568;display:flex;font-size:.875rem;gap:1rem;line-height:1.5;margin-bottom:1rem}.instruction-item:last-child{margin-bottom:0}.instruction-number{align-items:center;background:linear-gradient(135deg,#6b46c1,#8b5cf6);border-radius:50%;box-shadow:0 2px 4px #8b5cf64d;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.message{border-radius:12px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;padding:.875rem 1rem}.message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.message.error{background:#e53e3e1a;border:1px solid #e53e3e33;color:#e53e3e}.verification-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.resend-btn,.verify-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease}.continue-btn,.verify-btn.primary{background:linear-gradient(135deg,#6b46c1,#8b5cf6);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.continue-btn:hover:not(:disabled),.verify-btn.primary:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.continue-btn{font-size:1rem;font-weight:700;letter-spacing:.05em;padding:1.2rem 2rem}.resend-btn.secondary{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#6b46c1}.resend-btn.secondary:hover:not(:disabled){background:#8b5cf626;border-color:#6b46c1;transform:translateY(-1px)}.resend-btn:disabled,.verify-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.verification-help{border-top:1px solid #e2e8f0;padding-top:1.5rem}.verification-help p{color:#4a5568;font-size:.875rem;margin:0}.verification-help a{color:#6b46c1;font-weight:500;text-decoration:none}.verification-help a:hover{color:#553c9a;text-decoration:underline}@media (max-width:768px){.verification-container{padding:calc(1rem + 100px) 1rem 1rem}.verification-card{border-radius:16px;padding:2rem 1.5rem}.verification-header h1{font-size:1.75rem}.success-icon-large,.verification-icon{height:70px;width:70px}.success-icon-large img,.verification-icon img{height:100px;width:100px}.success-icon{font-size:3rem}.verification-instructions{padding:1rem}.instruction-item{font-size:.8rem;gap:.75rem}.instruction-number{font-size:.7rem;height:20px;width:20px}.continue-btn{font-size:.9rem;padding:1rem 1.5rem}}@media (max-width:480px){.verification-card{padding:1.5rem 1rem}.success-icon-large,.verification-icon{height:60px;width:60px}.success-icon-large img,.verification-icon img{height:100px;width:100px}.success-icon{font-size:2.5rem}}.account-container{background:#faf9f5;min-height:100vh;padding:calc(2rem + 80px) 2rem 2rem}.account-content{margin:0 auto;max-width:1200px}.account-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-info h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-info p{color:#4a5568;font-size:1.125rem}.success-message{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;color:#16a34a;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.success-icon{font-size:1rem}.account-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr}.account-sidebar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 16px #0000000d;height:fit-content;padding:1.5rem}.account-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:#8b5cf61a;color:#6b46c1}.nav-item.active{background:#8b5cf626;color:#6b46c1;font-weight:600}.nav-icon{font-size:1.125rem}.account-main{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 16px #0000000d;padding:2.5rem}.tab-content{width:100%}.section-header{margin-bottom:2rem}.section-header h2{color:#2d3748;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#4a5568;font-size:1rem}.profile-form{width:100%}.avatar-section{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem}.avatar-container{position:relative}.avatar-image,.avatar-placeholder{border:3px solid #8b5cf633;border-radius:50%;height:100px;width:100px}.avatar-image{object-fit:cover}.avatar-placeholder{background:linear-gradient(135deg,#6b46c1,#8b5cf6);color:#fff;font-size:2rem;font-weight:600}.avatar-placeholder,.avatar-upload-btn{align-items:center;display:flex;justify-content:center}.avatar-upload-btn{background:#6b46c1;border-radius:50%;bottom:0;cursor:pointer;font-size:.875rem;height:32px;position:absolute;right:0;transition:all .2s ease;width:32px}.avatar-upload-btn:hover{background:#553c9a;transform:scale(1.05)}.avatar-input{display:none}.avatar-info h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.avatar-info p{color:#4a5568}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#2d3748;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:.875rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{background:#fffffff2;border-color:#6b46c1;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#fff9;cursor:not-allowed;opacity:.7}.form-group input::placeholder{color:#a0aec0}.security-form{margin-bottom:2rem}.security-form .form-group{margin-bottom:1.5rem}.security-info{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:12px;padding:1.5rem}.security-info h3{color:#2d3748;font-size:1rem;font-weight:600;margin-bottom:1rem}.security-info ul{list-style:none;margin:0;padding:0}.security-info li{items:center;color:#4a5568;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.security-info li:before{color:#16a34a;content:"✓";font-weight:700}.security-info li:last-child{margin-bottom:0}.preferences-form{width:100%}.preference-section{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:2rem}.preference-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.preference-section h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.preference-item{margin-bottom:1rem}.preference-item:last-child{margin-bottom:0}.preference-label{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:background .2s ease}.preference-label:hover{background:#8b5cf60d}.preference-label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background:#fffc;border:1px solid #e2e8f0;border-radius:4px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.preference-label input:checked~.checkmark{background:#6b46c1;border-color:#6b46c1}.preference-label input:checked~.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.preference-text{display:flex;flex-direction:column;flex-grow:1;gap:.25rem}.preference-title{color:#2d3748;font-size:.875rem;font-weight:500}.preference-desc{color:#6b7280;font-size:.8rem}.preference-select{margin-left:auto;min-width:120px}.billing-info{width:100%}.current-plan{margin-bottom:2rem}.current-plan h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.plan-card{align-items:center;background:#8b5cf60d;border:1px solid #8b5cf633;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem}.plan-details h4{color:#2d3748;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.plan-details p{color:#4a5568;font-size:.875rem;margin-bottom:.5rem}.plan-status{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.plan-status.active{background:#22c55e1a;color:#16a34a}.plan-actions{display:flex;gap:.75rem}.btn-outline,.btn-secondary{border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-secondary{background:#6b46c1;border:none;color:#fff}.btn-secondary:hover{background:#553c9a}.btn-outline{background:#0000;border:1px solid #6b46c1;color:#6b46c1}.btn-outline:hover{background:#6b46c1;color:#fff}.billing-history,.usage-stats{margin-bottom:2rem}.billing-history h3,.usage-stats h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fffc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.stat-value{color:#6b46c1;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#4a5568;display:block;font-size:.875rem;margin-bottom:.75rem}.stat-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:100%}.stat-progress{background:linear-gradient(135deg,#6b46c1,#8b5cf6);height:100%;transition:width .3s ease}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{align-items:center;background:#fffc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:1rem 1.5rem}.history-details{display:flex;flex-direction:column;gap:.25rem}.history-date{color:#4a5568;font-size:.875rem}.history-description{color:#2d3748;font-size:.875rem;font-weight:500}.history-amount{color:#2d3748;font-size:1rem;font-weight:600}.history-download{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.125rem;padding:.5rem;transition:background .2s ease}.history-download:hover{background:#8b5cf61a}.save-btn{align-items:center;background:linear-gradient(135deg,#6b46c1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .2s ease}.save-btn:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.account-layout{gap:1.5rem;grid-template-columns:240px 1fr}.account-main{padding:2rem}}@media (max-width:768px){.account-container{padding:calc(1rem + 100px) 1rem 1rem}.account-layout{gap:1rem;grid-template-columns:1fr}.account-sidebar{order:2}.account-nav{flex-direction:row;gap:.25rem;overflow-x:auto}.nav-item{flex-shrink:0;padding:.75rem 1rem}.nav-label{white-space:nowrap}.account-main{order:1;padding:1.5rem}.account-header{align-items:flex-start;flex-direction:column}.header-info h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.avatar-section{text-align:center}.avatar-section,.plan-card{flex-direction:column;gap:1rem}.plan-card{align-items:flex-start}.plan-actions{justify-content:flex-start;width:100%}.stats-grid{grid-template-columns:1fr}.history-item{align-items:flex-start;flex-direction:column;gap:.75rem}.preference-label{padding:.5rem}}@media (max-width:480px){.account-main{padding:1rem}.section-header h2{font-size:1.5rem}.nav-item{font-size:.8rem;padding:.5rem .75rem}.nav-icon{font-size:1rem}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background:#faf9f5!important}.App{background:#faf9f5;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}.App-header{background:#0000!important;border:none;box-shadow:none;left:0;padding:1.75rem 1.5rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.App-header:after,.App-header:before{display:none}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;position:relative}.header-content,.logo-section{align-items:center;background:#0000;display:flex}.logo{height:36px;width:auto}.main-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#8b5cf626;border:1px solid #8b5cf633;border-radius:50px;box-shadow:0 4px 20px #8b5cf61a;display:flex;gap:1.5rem;left:50%;padding:.5rem 1.5rem;position:absolute;transform:translateX(-50%)}.main-nav a,.nav-link{align-items:center;color:#6b46c1;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem 0;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.main-nav a:hover,.nav-link:hover{color:#b3a0ef}.main-nav a.active{color:#b3a0ef;font-weight:600}.main-nav .contact-btn{align-items:center;background:none;border:none;color:#6b46c1;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem 0;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.main-nav .contact-btn:hover{color:#b3a0ef}.main-nav .contact-btn:focus{outline:none}.header-actions{align-items:center;background:#0000;display:flex;gap:.75rem}.btn-ghost{background:#0000;border:none;border-radius:4px;color:#6b46c1;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.btn-ghost:hover{background:#6b46c10d;color:#553c9a}.btn-primary{background:#6b46c1;border:none;border-radius:4px;box-shadow:0 1px 3px #6b46c133;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.btn-primary:hover{background:#553c9a;box-shadow:0 2px 6px #6b46c14d;transform:translateY(-1px)}.auth-menu-container{position:relative}.auth-menu-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#8b5cf626;border:1px solid #8b5cf633;border-radius:50px;box-shadow:0 4px 20px #8b5cf61a;color:#6b46c1;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.auth-menu-btn:hover{background:#8b5cf633;border-color:#8b5cf64d;box-shadow:0 6px 25px #8b5cf626;color:#553c9a;transform:translateY(-1px)}.menu-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.auth-dropdown-menu{animation:menuSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 8px 25px #00000026;min-width:140px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{border-radius:12px;color:#4a5568;display:block;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.menu-item:hover{background:#8b5cf61a;color:#6b46c1;transform:translateX(2px)}.menu-item:active{transform:translateX(0)}.App-main{background:#0000;margin-top:0;min-height:100vh;padding:0;width:100%}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 12px 25px #0000001a;transform:translateY(-4px)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;color:#4a5568}.btn-secondary:hover{background:#ffffffe6;color:#2d3748;transform:translateY(-1px)}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.glass-strong{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#fff6;border:1px solid #ffffff4d}.mobile-menu-container{display:none;position:relative}.mobile-menu-toggle{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#8b5cf626;border:1px solid #8b5cf633;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.mobile-menu-toggle:hover{background:#8b5cf640;border-color:#8b5cf64d;box-shadow:0 4px 12px #8b5cf633;transform:translateY(-1px)}.hamburger-line{background:#6b46c1;border-radius:2px;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:20px}.mobile-nav-open .mobile-menu-toggle .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-nav-open .mobile-menu-toggle .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-nav-open .mobile-menu-toggle .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-dropdown-menu{animation:menuSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 8px 25px #00000026;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);width:160px;z-index:10000}.mobile-menu-item{background:none;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:block;font-size:.875rem;font-weight:500;margin:0;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-menu-item:hover{background:#8b5cf61a;color:#6b46c1;transform:translateX(2px)}.mobile-menu-item.active{background:#8b5cf61a;color:#6b46c1;font-weight:600}.contact-btn-mobile{background:none;color:#4a5568;font-weight:500}.contact-btn-mobile:hover{background:#8b5cf61a;color:#6b46c1;transform:translateX(2px)}.main-nav.mobile-nav-open{animation:menuSlideIn .2s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 8px 25px #00000026;display:block!important;height:auto;left:auto;max-width:160px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);width:auto;z-index:10000}.main-nav.mobile-nav-open .contact-btn,.main-nav.mobile-nav-open .nav-link,.main-nav.mobile-nav-open a{background:none;border:none;border-radius:12px;color:#4a5568;cursor:pointer;display:block;font-size:.875rem;font-weight:500;margin:0;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.main-nav.mobile-nav-open .contact-btn:hover,.main-nav.mobile-nav-open .nav-link:hover,.main-nav.mobile-nav-open a:hover{background:#8b5cf61a;color:#6b46c1;transform:translateX(2px)}.main-nav.mobile-nav-open a.active{background:#8b5cf61a;color:#6b46c1;font-weight:600}.main-nav.mobile-nav-open .contact-btn{background:none;color:#4a5568;font-weight:500}.main-nav.mobile-nav-open .contact-btn:hover{background:#8b5cf61a;color:#6b46c1;transform:translateX(2px)}.mobile-menu-overlay{animation:fadeIn .2s ease forwards;height:100vh;opacity:0;width:100vw;z-index:9999}.account-menu-overlay,.mobile-menu-overlay{background:#0000;left:0;position:fixed;top:0}.account-menu-overlay{bottom:0;right:0;z-index:998}@keyframes fadeIn{to{opacity:1}}.mobile-close-btn{display:none!important}@media (max-width:1024px){.header-content{gap:1rem}.main-nav{gap:1rem;padding:.4rem 1rem}.header-actions{gap:.5rem}}@media (max-width:768px){.App-header{padding:.5rem 1rem}.header-content{align-items:center;display:flex;justify-content:space-between;position:relative}.logo{height:28px;width:auto}.mobile-menu-container{display:block;margin-left:auto;margin-right:1rem;order:1}.main-nav{display:none}.main-nav.mobile-nav-open{animation:menuSlideIn .2s ease-out;left:auto;max-width:160px;right:3.5rem;transform:none}.header-actions{gap:.5rem}.auth-menu-btn{font-size:.875rem;padding:.5rem 1.25rem}.btn-ghost{font-size:.8rem;padding:.25rem .5rem}.App-main{margin-top:0}.auth-dropdown-menu{min-width:120px;right:-.5rem}.menu-item{font-size:.8rem;padding:.6rem .8rem}}@media (max-width:480px){.mobile-menu-container{margin-right:.75rem}.mobile-menu-toggle{height:36px;width:36px}.hamburger-line{width:18px}.mobile-dropdown-menu{width:140px}.mobile-menu-item{font-size:.875rem;padding:.75rem 1rem}.auth-menu-btn{font-size:.75rem;padding:.35rem 1rem}.menu-item{font-size:.75rem;padding:.5rem .7rem}.auth-dropdown-menu{min-width:110px}.logout-btn{font-size:.75rem!important;padding:.5rem .7rem!important}}@media (min-width:769px){.mobile-menu-container{display:none!important}.main-nav{align-items:center;animation:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#8b5cf626;border:1px solid #8b5cf633;border-radius:50px;box-shadow:0 4px 20px #8b5cf61a;display:flex!important;flex-direction:row;gap:1.5rem;height:auto;justify-content:center;left:50%;opacity:1;padding:.5rem 1.5rem;position:absolute;transform:translateX(-50%);width:auto;z-index:auto}.main-nav .contact-btn,.main-nav a,.nav-link{background:none;border:none;border-radius:0;color:#6b46c1;display:inline-flex;font-size:.875rem;font-weight:500;margin:0;padding:.25rem 0;text-align:center;width:auto}.account-menu-overlay,.mobile-menu-overlay{display:none!important}}body.mobile-menu-open{height:100%;overflow:hidden;position:fixed;width:100%}.mobile-menu-toggle .hamburger-line{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.main-nav{transition:all .3s ease}
/*# sourceMappingURL=main.6d753116.css.map*/