@import"https://fonts.googleapis.com/css2?family=Geomanist:wght@400;700&display=swap";@font-face{font-family:Hachi Maru Pop;src:url(./HachiMaruPop-Regular-Cj8qj8lk.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Red Hat;src:url(./RedHatDisplay-VariableFont_wght-CQSvDVpY.ttf) format("truetype")}.navbar{background-color:#000;color:#fff;padding:12px 24px;margin-bottom:20vh;display:flex;border-radius:20px;justify-content:space-between;align-items:center;box-shadow:0 1px 6px -2px #bd6bf280,0 2px 4px -2px #ac81d47e;min-height:60px}.navbar-left{display:flex;align-items:center;gap:1rem;flex:1;margin-right:15rem}.navbar-left .navbar-link:last-child{margin-right:0}.navbar-logo{font-size:24px;font-weight:700;letter-spacing:.1em;color:#fff;text-decoration:none;transition:color .2s ease;white-space:nowrap}.navbar-logo:hover{color:#d1d5db}.navbar-link{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:color .2s ease;white-space:nowrap}.navbar-link:hover{color:#9ca3af}.navbar-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.github-link{border-radius:50%;background-color:#374151;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.github-link:hover{background-color:#4b5563}.github-logo{width:44px;height:44px}.signin-button{display:flex;align-items:center;gap:8px;background-color:#9333ea;color:#fff;padding:12px 20px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none;font-size:1rem}.signin-button:hover{background-color:#7c3aed;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.signin-icon{width:18px;height:18px;fill:#fff;flex-shrink:0}.user-dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:110%;background:#18181b;color:#fff;min-width:180px;border-radius:12px;box-shadow:0 4px 24px #00000026;z-index:100;padding:.5rem 0;display:flex;flex-direction:column;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-displayname{font-weight:600;padding:.75rem 1.25rem .5rem;border-bottom:1px solid #27272a;color:#a3e635;background:transparent}.dropdown-item{background:none;border:none;color:#fff;text-align:left;padding:.75rem 1.25rem;font-size:1rem;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#27272a}@media (max-width: 1024px){.navbar{padding:10px 16px}.navbar-left{gap:.75rem;margin-right:1.5rem}.navbar-right{gap:12px}.navbar-logo{font-size:20px}.navbar-link{font-size:.9rem}.signin-button{padding:10px 16px;font-size:.9rem}.github-logo{width:36px;height:36px}.signin-icon{width:16px;height:16px}}@media (max-width: 768px){.navbar{padding:8px 12px;margin-bottom:10vh}.navbar-left{gap:.5rem;margin-right:1rem}.navbar-right{gap:8px}.navbar-logo{font-size:18px}.navbar-link{font-size:.85rem}.signin-button{padding:8px 12px;font-size:.85rem}.signin-button span{display:none}.github-logo{width:32px;height:32px}.signin-icon{width:16px;height:16px}}@media (max-width: 480px){.navbar{padding:6px 8px;border-radius:12px}.navbar-left{gap:.25rem;margin-right:.5rem}.navbar-right{gap:6px}.navbar-logo{font-size:16px}.navbar-link{font-size:.75rem}.signin-button{padding:6px 8px;font-size:.75rem;min-width:40px;justify-content:center}.signin-button span{display:none}.github-logo{width:28px;height:28px}.signin-icon{width:14px;height:14px}}@media (max-width: 360px){.navbar{padding:4px 6px}.navbar-left{gap:.125rem}.navbar-logo{font-size:14px}.navbar-link{font-size:.7rem}.signin-button{padding:4px 6px;min-width:36px}.github-logo{width:24px;height:24px}.signin-icon{width:12px;height:12px}}.navbar-logo-editor{font-size:24px;font-weight:700;letter-spacing:.1em;color:#fff!important;text-decoration:none;margin-left:1rem;font-family:Hachi Maru Pop,cursive;transition:color .2s ease;white-space:nowrap}.mode-toggle-container{display:flex;justify-content:flex-end;align-items:center;width:100%}.checkbox-wrapper-5 .check{--size: 40px;position:relative;background:linear-gradient(90deg,#f19af3,#f099b5);line-height:0;perspective:400px;font-size:var(--size)}.checkbox-wrapper-5 .check input[type=checkbox],.checkbox-wrapper-5 .check label,.checkbox-wrapper-5 .check label:before,.checkbox-wrapper-5 .check label:after,.checkbox-wrapper-5 .check{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:var(--size);border:0;transition:.35s ease-in-out;box-sizing:border-box;cursor:pointer}.checkbox-wrapper-5 .check label{width:calc(2.2 * var(--size));height:var(--size);background:#d7d7d7;overflow:hidden}.checkbox-wrapper-5 .check input[type=checkbox]{position:absolute;z-index:1;width:calc(.8 * var(--size));height:calc(.8 * var(--size));top:calc(.1 * var(--size));left:calc(.1 * var(--size));background:linear-gradient(45deg,#dedede,#fff);box-shadow:0 6px 7px #0000004d;outline:none;margin:0}.checkbox-wrapper-5 .check input[type=checkbox]:checked{left:calc(1.3 * var(--size))}.checkbox-wrapper-5 .check input[type=checkbox]:checked+label{background:transparent}.checkbox-wrapper-5 .check label:before,.checkbox-wrapper-5 .check label:after{content:"· ·";position:absolute;overflow:hidden;left:calc(.15 * var(--size));top:calc(.5 * var(--size));height:var(--size);letter-spacing:calc(-.04 * var(--size));color:#9b9b9b;font-family:Times New Roman,serif;z-index:2;font-size:calc(.6 * var(--size));border-radius:0;transform-origin:0 0 calc(-.5 * var(--size));backface-visibility:hidden}.checkbox-wrapper-5 .check label:after{content:"●";top:calc(.65 * var(--size));left:calc(.2 * var(--size));height:calc(.1 * var(--size));width:calc(.35 * var(--size));font-size:calc(.2 * var(--size));transform-origin:0 0 calc(-.4 * var(--size))}.checkbox-wrapper-5 .check input[type=checkbox]:checked+label:before,.checkbox-wrapper-5 .check input[type=checkbox]:checked+label:after{left:calc(1.55 * var(--size));top:calc(.4 * var(--size));line-height:calc(.1 * var(--size));transform:rotateY(360deg)}.checkbox-wrapper-5 .check input[type=checkbox]:checked+label:after{height:calc(.16 * var(--size));top:calc(.55 * var(--size));left:calc(1.6 * var(--size));font-size:calc(.6 * var(--size));line-height:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:12px;padding:0;min-width:400px;max-width:500px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;font-family:Quicksand,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:0 24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.error-message{display:block;color:#ef4444;font-size:.85rem;margin-top:6px;font-weight:500}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 0;border-top:1px solid #e5e7eb;margin-top:20px}.btn{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;font-family:inherit;min-width:80px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-tertiary{background-color:#10b981;color:#fff}.btn-tertiary:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.modal-info{padding:16px 24px 24px;background-color:#f8fafc;border-top:1px solid #e5e7eb;margin-top:20px}.modal-info p{margin:0;color:#64748b;font-size:.9rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.modal-container{min-width:unset;width:95%;margin:20px}.modal-header{padding:20px 20px 0}.modal-form{padding:0 20px}.form-actions{flex-direction:column;gap:8px}.btn{width:100%}.modal-info{padding:16px 20px 20px}}/*!
* Quill Editor v2.0.2
* https://quilljs.com
* Copyright (c) 2017-2024, Slab
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.editor-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#000,#1a1a2e,#16213e);position:relative;overflow:hidden}.editor-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(139,69,255,.15) 0%,rgba(59,130,246,.1) 25%,transparent 70%);pointer-events:none;z-index:1}.editor-page:after{content:"";position:absolute;top:20%;right:15%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,69,255,.2) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:pulse 6s ease-in-out infinite;z-index:1}.editor-toolbar{padding:1rem 1.5rem;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,69,255,.2);border-radius:16px;margin:1rem;display:flex;gap:1.5rem;align-items:center;font-size:1.05rem;position:relative;z-index:10;box-shadow:0 8px 32px #0000004d}.editor-toolbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff1a,#3b82f61a);border-radius:16px;filter:blur(20px);z-index:-1}.editor-toolbar__button{padding:10px 20px;line-height:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff4d;border:none;position:relative;overflow:hidden}.editor-toolbar__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.editor-toolbar__button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #8b45ff66}.editor-toolbar__button:hover:before{left:100%}.editor-toolbar__input{display:none}.editor-container{flex:1;display:flex;flex-direction:row;background:transparent;position:relative;z-index:5;margin:0 1rem 1rem;gap:1rem}.editor-main{flex:1;background:#fff!important;border:1px solid rgba(139,69,255,.2);border-radius:16px;position:relative;display:flex;flex-direction:column;height:100%;padding:0;box-shadow:0 8px 32px #0003;overflow:auto;min-height:30vh;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.editor-main__quill{background:#fff!important;border-radius:16px!important;min-height:60vh!important;max-height:70vh!important;overflow:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.ql-container{background:#fff!important;border-radius:12px!important;min-height:70vh!important;font-family:Quicksand,sans-serif!important;border:1px solid rgba(139,69,255,.1)!important;box-shadow:inset 0 4px 16px #0000001a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.ql-editor{background:#fff!important;color:#000!important;padding:2rem!important;line-height:1.8!important;min-height:50vh!important;max-height:68vh!important;overflow:auto!important;font-family:Quicksand,sans-serif!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}.ql-editor.ql-blank:before{color:#6b7280!important;font-style:italic!important;content:"Start writing your masterpiece..."!important}.ql-toolbar{position:sticky!important;top:0;z-index:30!important;box-shadow:0 2px 8px #8b45ff14!important;background:#f9fafbf2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(139,69,255,.2)!important;border-radius:12px!important;margin-bottom:1rem!important;box-shadow:0 4px 16px #0000001a!important}.ql-toolbar .ql-stroke{stroke:#374151!important}.ql-toolbar .ql-fill{fill:#374151!important}.ql-toolbar button{border-radius:6px!important;transition:all .2s ease!important}.ql-toolbar button:hover{background:#8b45ff1a!important;transform:scale(1.05)!important}.ql-toolbar button.ql-active{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important}.ql-toolbar .ql-picker-label{color:#374151!important}.ql-toolbar .ql-picker-options{background:#fffffff2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(139,69,255,.2)!important;border-radius:8px!important;box-shadow:0 8px 32px #0003!important;z-index:30!important;position:absolute!important}.ql-toolbar .ql-picker-item{color:#374151!important}.ql-toolbar .ql-picker-item:hover{background:#8b45ff1a!important}.editor-sidebar{position:absolute;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,69,255,.3);padding:1rem;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:.5rem;font-size:1.05rem;font-family:Quicksand,sans-serif;box-shadow:0 8px 32px #0006;z-index:1000;min-width:120px}.editor-sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff33,#3b82f61a);border-radius:12px;filter:blur(20px);z-index:-1}.editor-sidebar__button{padding:.75rem 1rem;margin:.25rem 0;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:8px;border:none;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #8b45ff4d;position:relative;overflow:hidden}.editor-sidebar__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.editor-sidebar__button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #8b45ff66}.editor-sidebar__button:hover:before{left:100%}.editor-sidebar__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.editor-topbar{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:1.2rem 0 0 1.5rem;z-index:30;background:transparent}.dashboard-btn{background:linear-gradient(135deg,#fff,#e5d4ff);color:#6c47ff;border:1.5px solid #6c47ff;border-radius:8px;padding:.6rem 1.4rem;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #8b45ff14;transition:background .2s,color .2s,box-shadow .2s,transform .2s;outline:none;margin:.5rem .2rem}.dashboard-btn:hover,.dashboard-btn:focus{background:linear-gradient(135deg,#6c47ff,#a855f7);color:#fff;box-shadow:0 4px 16px #8b45ff2e;transform:translateY(-2px) scale(1.03)}.dashboard-btn:active{background:linear-gradient(135deg,#a855f7,#6c47ff);color:#fff;transform:translateY(-1px) scale(.99)}.editor-sidebar__error{color:#ef4444;font-weight:500;padding:.5rem;background:#ef44441a;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.editor-output{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,69,255,.2);border-radius:16px;padding:2rem;width:36vw;min-height:320px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;position:relative}.editor-output:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff1a,#3b82f60d);border-radius:16px;z-index:-1}.editor-output__content{margin-bottom:1rem;width:100%;color:#f3f4f6;font-family:Quicksand,sans-serif;font-size:1.05rem;padding:0;line-height:1.6}.editor-output__actions{display:flex;gap:1rem;margin-top:auto}.editor-output__button{padding:12px 20px;margin:4px;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-weight:600;border:none;transition:all .3s ease;box-shadow:0 4px 12px #8b45ff4d;position:relative;overflow:hidden}.editor-output__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.editor-output__button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #8b45ff66}.editor-output__button:hover:before{left:100%}.editor-output__button--discard{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d}.editor-output__button--discard:hover{box-shadow:0 6px 16px #6b728066}.hidden-file-input{display:none}.import-label{cursor:pointer;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;display:inline-block;margin-bottom:8px;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff4d;border:none;position:relative;overflow:hidden}.import-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s}.import-label:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #8b45ff66}.import-label:hover:before{left:100%}.markdown-h1{color:#fff;font-size:1.8rem;font-weight:700;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:3px solid #7c3aed;line-height:1.2;background:linear-gradient(135deg,#fff,#e5d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-h2{color:#e5e7eb;font-size:1.5rem;font-weight:600;margin:1.3rem 0 .8rem;padding-bottom:.3rem;border-bottom:2px solid rgba(139,69,255,.5);line-height:1.3}.markdown-h3{color:#e5e7eb;font-size:1.3rem;font-weight:600;margin:1.2rem 0 .7rem;line-height:1.3;background:linear-gradient(135deg,#e5e7eb,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.markdown-p{color:#f3f4f6;margin:1rem 0;line-height:1.7}.markdown-strong{color:#fbbf24;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.3)}.markdown-em{color:#a78bfa;font-style:italic}.markdown-inline-code{background:#8b45ff33;color:#fbbf24;padding:.2rem .6rem;border-radius:6px;font-family:Courier New,monospace;font-size:.9em;border:1px solid rgba(139,69,255,.3);box-shadow:0 2px 4px #0003}.markdown-code-block{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e7eb;padding:1.5rem;border-radius:12px;margin:1rem 0;overflow-x:auto;border:1px solid rgba(139,69,255,.2);box-shadow:0 4px 16px #0000004d;position:relative}.markdown-code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#2563eb,#7c3aed);border-radius:12px 12px 0 0}.markdown-code-block code{font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.markdown-ul,.markdown-ol{color:#f3f4f6;margin:1rem 0;padding-left:1.5rem}.markdown-li{margin:.5rem 0;line-height:1.6}.markdown-li::marker{color:#7c3aed}.markdown-link{color:#60a5fa;text-decoration:underline;transition:all .2s ease;text-shadow:0 0 5px rgba(96,165,250,.3)}.markdown-link:hover{color:#93c5fd;text-decoration:none;text-shadow:0 0 10px rgba(147,197,253,.5)}.editor-output::-webkit-scrollbar{width:8px}.editor-output::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.editor-output::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:4px}.editor-output::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6d28d9,#1d4ed8)}@media screen and (max-width: 768px){.editor-container{flex-direction:column;gap:1rem;margin:0 .5rem .5rem}.editor-output{width:100%;min-height:250px;max-height:50vh}.editor-toolbar{margin:.5rem;padding:.75rem 1rem;gap:1rem;flex-wrap:wrap}.editor-main{padding:1rem}.ql-container{min-height:50vh!important}}@media screen and (max-width: 480px){.editor-toolbar{gap:.5rem}.editor-toolbar__button,.import-label{padding:10px 16px;font-size:.9rem}.editor-output{padding:1rem}.ql-editor{padding:1rem!important}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#8b45ff1a,#8b45ff4d,#8b45ff1a);background-size:200px 100%;animation:shimmer 1.5s infinite}.landing-hero{background:none;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:start;min-height:100vh;position:relative;overflow:hidden;font-family:geomanist,ui-sans-serif,system-ui,sans-serif}.editor-section{display:flex;justify-content:space-between;align-items:center;padding:80px 50px;min-height:100vh;position:relative;overflow:hidden;font-family:geomanist,ui-sans-serif,system-ui,sans-serif;background:none}.unified-background{background:linear-gradient(135deg,#000,#1a1a2e,#16213e);position:relative;overflow:hidden}.unified-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(139,69,255,.15) 0%,rgba(59,130,246,.1) 25%,transparent 70%);pointer-events:none;z-index:1}.landing-hero:before,.editor-section:before{display:none}.background-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.particle{position:absolute;width:4px;height:4px;background:#8b45ff4d;border-radius:50%;animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.2);opacity:.8}}.gradient-orb-1{position:absolute;top:15%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,69,255,.2) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:pulse 6s ease-in-out infinite;z-index:1}.gradient-orb-2{position:absolute;top:40%;right:15%;width:250px;height:250px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:pulse 6s ease-in-out infinite 2s;z-index:1}.gradient-orb-3{position:absolute;bottom:30%;left:20%;width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:pulse 6s ease-in-out infinite 4s;z-index:1}.gradient-orb-4{position:absolute;bottom:10%;right:25%;width:180px;height:180px;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 70%);border-radius:50%;filter:blur(40px);animation:pulse 6s ease-in-out infinite 3s;z-index:1}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.landing-hero__section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding-top:2.5rem;padding-bottom:2rem;position:relative;z-index:10;width:100%;max-width:1200px}.landing-hero__title{font-size:3rem;color:#fff;font-family:Hachi Maru Pop,sans-serif;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;text-align:center;position:relative;z-index:10}.falling-text-container{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;position:relative;z-index:10}.falling-text-char{font-size:100px;font-weight:700;font-family:Hachi Maru Pop,"cursive";background:linear-gradient(135deg,#fff,#e5d4ff 30%,#a855f7 70%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientFlow 3s ease-in-out infinite;text-shadow:0 0 30px rgba(139,69,255,.5);position:relative}.falling-text-char:after{content:attr(data-char);position:absolute;top:0;left:0;background:linear-gradient(135deg,#8b45ff4d,#3b82f633);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);z-index:-1;animation:glow 2s ease-in-out infinite alternate}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow{0%{opacity:.5}to{opacity:1}}.landing-hero__subtitle{font-size:2.5rem;color:#f77626;font-family:Hachi Maru Pop,cursive;margin-bottom:1rem;background:linear-gradient(135deg,#f77626,#ff6b35,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:subtitleGlow 3s ease-in-out infinite;text-align:center;position:relative;z-index:10}@keyframes subtitleGlow{0%,to{filter:brightness(1);text-shadow:0 0 20px rgba(247,118,38,.3)}50%{filter:brightness(1.2);text-shadow:0 0 40px rgba(247,118,38,.5)}}.landing-hero__warning{color:#fff;font-size:1.2rem;font-weight:500;background:linear-gradient(135deg,#fff,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:warningPulse 2s ease-in-out infinite;text-align:center;position:relative;z-index:10}@keyframes warningPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.landing-hero__button{background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;padding:16px 32px;border-radius:16px;color:#fff;font-weight:600;font-size:1.125rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #8b45ff4d;position:relative;z-index:10;overflow:hidden}.landing-hero__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.landing-hero__button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px #8b45ff66}.landing-hero__button:hover:before{left:100%}.landing-hero__button:active{transform:translateY(-1px) scale(1.02)}.landing-features{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;max-width:64rem;margin:0 auto;padding:2rem 1rem;gap:2rem;position:relative;z-index:10}.landing-features__text{flex:1;color:#e5e7eb;text-align:center;font-size:1.125rem;line-height:1.6}.landing-features__title{font-weight:700;font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-features__subtitle{font-weight:600;font-size:1.25rem;margin-bottom:1rem;color:#d1d5db}.landing-features__image-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:250px}.landing-features__image{width:300px;height:200px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed rgba(139,69,255,.3);border-radius:12px;color:#8b45ff99;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .3s ease}.landing-features__image:hover{border-color:#8b45ff80;background:#ffffff14;transform:scale(1.02)}.text-content{flex:1;padding-right:60px;color:#fff;z-index:10;position:relative}.text-content h1{font-size:4.5rem;font-weight:700;margin-bottom:24px;line-height:1.1;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.text-content h1 .kinda-text{display:block;font-size:3.75rem;font-style:italic;color:#9ca3af;margin-top:8px;animation:kindaGlow 2s ease-in-out infinite}@keyframes kindaGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.text-content h2{font-size:3rem;font-weight:300;color:#e5e7eb;margin-bottom:32px;line-height:1.2}.ai-text{background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;animation:aiGlow 3s ease-in-out infinite}@keyframes aiGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.text-content p{font-size:1.5rem;color:#d1d5db;margin-bottom:32px;line-height:1.6}.cta-buttons{display:flex;gap:16px;margin-top:24px}.btn-primary{padding:16px 32px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff4d}.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 32px #8b45ff66}.btn-secondary{padding:16px 32px;background:transparent;color:#a855f7;border:2px solid #a855f7;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#a855f71a;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #a855f733}.image-content{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.editor-mockup{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;max-width:400px;width:100%;box-shadow:0 8px 32px #0000004d;animation:float-editor 4s ease-in-out infinite;position:relative}@keyframes float-editor{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.editor-mockup:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff33,#3b82f633);border-radius:16px;filter:blur(20px);z-index:-1;transform:scale(1.1)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.2)}.window-controls{display:flex;gap:8px}.window-control{width:12px;height:12px;border-radius:50%}.control-red{background:#ef4444}.control-yellow{background:#eab308}.control-green{background:#22c55e}.editor-title{color:#fff9;font-size:.875rem}.editor-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:4px;padding:6px;background:#ffffff0d;border-radius:8px}.toolbar-group{display:flex;gap:8px}.toolbar-button{width:24px;height:24px;background:#fff3;border-radius:4px}.toolbar-divider{width:1px;height:24px;background:#fff3}.toolbar-ai{background:#8b45ff80}.toolbar-smart{background:#3b82f680}.editor-content{display:flex;flex-direction:column;gap:12px}.content-line{height:16px;border-radius:4px;animation:contentPulse 2s ease-in-out infinite}.line-1{background:#ffffff4d;width:100%}.line-2{background:#8b45ff66;width:80%;animation-delay:.3s}.line-3{background:#3b82f666;width:60%;animation-delay:.6s}@keyframes contentPulse{0%,to{opacity:.3}50%{opacity:.7}}.ai-typing{display:flex;align-items:center;gap:8px;margin-top:16px}.typing-indicator{width:8px;height:8px;background:#a855f7;border-radius:50%;animation:typingBounce 1s ease-in-out infinite}@keyframes typingBounce{0%,to{transform:scale(1)}50%{transform:scale(1.5)}}.typing-text{color:#a855f7;font-size:.875rem}@media (min-width: 768px){.landing-features{flex-direction:row;text-align:left}.landing-features__image{width:400px;height:300px}}@media (max-width: 1024px){.editor-section{padding:60px 30px}.text-content h1{font-size:3.5rem}.text-content h1 .kinda-text{font-size:3rem}.text-content h2{font-size:2.5rem}}@media (max-width: 768px){.falling-text-char{font-size:60px}.landing-hero__subtitle,.landing-hero__title{font-size:2rem}.editor-section{flex-direction:column;padding:40px 20px;text-align:center}.text-content{padding-right:0;margin-bottom:40px}.text-content h1{font-size:2.5rem}.text-content h1 .kinda-text,.text-content h2{font-size:2rem}.text-content p{font-size:1.25rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}.gradient-orb-1,.gradient-orb-2,.gradient-orb-3,.gradient-orb-4{display:none}}@media (max-width: 480px){.falling-text-char{font-size:40px}.landing-hero__subtitle{font-size:1.5rem}.landing-hero__section{gap:1.5rem}.landing-hero__button{padding:12px 24px;font-size:1rem}}.feature-section{min-height:100vh;position:relative;overflow:hidden;font-family:Geomanist,ui-sans-serif,system-ui,sans-serif;padding:80px 0}.particle{position:absolute;width:4px;height:4px;background:#8b45ff4d;border-radius:50%;animation:float-particle 5s ease-in-out infinite}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.2);opacity:.8}}.feature-gradient-orb-1,.feature-gradient-orb-2{position:absolute;border-radius:50%;filter:blur(80px);animation:pulse-orb 6s ease-in-out infinite}.feature-gradient-orb-1{top:10%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,69,255,.2) 0%,transparent 70%)}.feature-gradient-orb-2{bottom:20%;right:15%;width:250px;height:250px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);filter:blur(60px);animation-delay:2s}@keyframes pulse-orb{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.feature-cards-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}.feature-section-header{text-align:center;margin-bottom:4rem}.feature-section-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.feature-section-subtitle{font-size:1.25rem;color:#d1d5db;max-width:600px;margin:0 auto;line-height:1.6}.feature-cards-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.feature-cards-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{position:relative;cursor:pointer;border-radius:1.5rem;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;z-index:1}.feature-card:hover{transform:scale(1.05) translateY(-10px);z-index:2}.card-gradient-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#8b45ff33,#3b82f633,#10b98133);border-radius:1.5rem;filter:blur(8px);opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover .card-gradient-bg{opacity:1}.card-content{position:relative;background:#11182780;border:1px solid rgba(75,85,99,.3);border-radius:1.5rem;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background .3s,border-color .3s;z-index:2}.feature-card:hover .card-content{background:#1f293799;border-color:#8b45ff80}.feature-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;transition:transform .3s;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.feature-card:nth-child(2) .feature-icon{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.feature-card:nth-child(3) .feature-icon{background:linear-gradient(135deg,#10b981,#3b82f6)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(6deg)}.feature-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.3;transition:background .3s,color .3s}.feature-card:hover .feature-title{background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-description{color:#d1d5db;line-height:1.6;transition:color .3s}.feature-card:hover .feature-description{color:#e5e7eb}.ping-dot{position:absolute;top:1rem;right:1rem;width:.5rem;height:.5rem;background:#a78bfa;border-radius:50%;opacity:0;animation:ping 1s infinite;transition:opacity .3s}.feature-card:hover .ping-dot{opacity:1}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.accent-line{position:absolute;bottom:0;left:0;height:.25rem;width:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981);border-radius:0 0 1.5rem 1.5rem;transform:scaleX(0);transform-origin:left;transition:transform .3s;z-index:3}.feature-card:hover .accent-line{transform:scaleX(1)}.feature-cta{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(90deg,#3700b34d,#0000ff4d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(139,69,255,.3);border-radius:2rem;padding:1rem 2rem;margin-top:2rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-divider{width:1px;height:1.5rem;background:#4b5563}.github-contribute-section{display:flex;justify-content:center;padding:4rem 1rem;position:relative;z-index:10}.contribute-card{background:#090c14;border:1px solid rgba(75,85,99,.3);box-shadow:0 16px 32px #0000004d;border-radius:1.5rem;padding:2.5rem;max-width:500px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contribute-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #0006}.gif-wrapper{margin-bottom:1.5rem}.github-gif{width:180px;height:auto;cursor:pointer;transition:transform .3s ease}.github-gif:hover{transform:scale(1.15) rotate(-3deg)}.github-message{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;font-family:Poppins,sans-serif;line-height:1.2}.highlight{color:#ee8181;font-family:Hachi Maru Pop,cursive;box-shadow:linerar-gradient(135deg,#ff9f80 0%,#ff6b81 50%,#ff4d6e 100%)}.subtext{font-size:1rem;color:#e5e7eb;margin-bottom:1.5rem}.star-button{display:inline-block;padding:.75rem 1.5rem;background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;text-decoration:none;font-weight:600;transition:background .3s ease,transform .2s ease;position:relative;overflow:hidden}.star-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff40;transform:skew(-20deg);transition:left .5s ease}.star-button:hover{background:#ffffff40;transform:translateY(-2px)}.star-button:hover:before{left:200%}@media (max-width: 600px){.contribute-card{padding:2rem 1rem}.github-message{font-size:1.5rem}.github-gif{width:140px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;font-family:Inter,sans-serif}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer-container{background:linear-gradient(135deg,#000,#1a1a2e,#16213e);color:#e5e7eb;width:100%;padding-top:3rem;margin-top:13rem;position:relative;overflow:hidden}.footer-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(139,69,255,.08) 0%,rgba(59,130,246,.05) 25%,transparent 70%);pointer-events:none;z-index:1}.footer-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(139,69,255,.1) 1px,transparent 1px),radial-gradient(circle at 70% 20%,rgba(59,130,246,.08) 1px,transparent 1px),radial-gradient(circle at 30% 80%,rgba(168,85,247,.06) 1px,transparent 1px);background-size:50px 50px,80px 80px,60px 60px;animation:float 20s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-10px) translate(5px)}66%{transform:translateY(5px) translate(-3px)}}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;gap:2rem;padding:0 1.5rem;position:relative;z-index:10}.footer-section{flex:1}.footer-contact-form .footer-section-title{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:gradientShift 4s ease-in-out infinite}.contact-form{display:flex;flex-direction:column;gap:.75rem}.contact-input,.contact-textarea{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(139,69,255,.3);border-radius:12px;padding:.75rem 1rem;font-size:.95rem;resize:vertical;transition:all .3s ease}.contact-input::-moz-placeholder,.contact-textarea::-moz-placeholder{color:#d1d5db}.contact-input::placeholder,.contact-textarea::placeholder{color:#d1d5db}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:#a855f7;box-shadow:0 0 20px #a855f74d;background:#ffffff26}.contact-textarea{min-height:80px}.contact-button{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border:none;border-radius:12px;padding:.75rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff4d;position:relative;overflow:hidden}.contact-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.contact-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #8b45ff66}.contact-button:hover:before{left:100%}.footer-links .footer-section-title{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:gradientShift 4s ease-in-out infinite 1s}.links-list{list-style:none}.links-list li{margin-bottom:.75rem}.footer-link{color:#d1d5db;text-decoration:none;font-size:1rem;transition:all .3s ease;position:relative;display:inline-block}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#a855f7,#3b82f6);transition:width .3s ease}.footer-link:hover{color:#fff;transform:translate(5px)}.footer-link:hover:after{width:100%}.footer-social .footer-section-title{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;animation:gradientShift 4s ease-in-out infinite 2s}.social-icons{display:flex;gap:1rem}.social-link{color:#d1d5db;font-size:1.5rem;transition:all .3s ease;padding:.5rem;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,69,255,.2);display:flex;align-items:center;justify-content:center;width:48px;height:48px}.social-link:hover{color:#fff;transform:translateY(-3px) scale(1.1);background:#a855f733;border-color:#a855f7;box-shadow:0 8px 24px #a855f74d;animation:socialGlow .5s ease-in-out}@keyframes socialGlow{0%,to{box-shadow:0 8px 24px #a855f74d}50%{box-shadow:0 12px 32px #a855f780}}.footer-bottom{margin-top:2rem;padding:1rem 1.5rem;border-top:1px solid rgba(139,69,255,.2);text-align:center;position:relative;z-index:10}.footer-bottom p{font-size:.9rem;color:#9ca3af;margin:0;background:linear-gradient(135deg,#9ca3af,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:subtleGlow 3s ease-in-out infinite}@keyframes subtleGlow{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 992px){.footer-content{flex-direction:column;text-align:center;gap:2rem}.footer-section{margin:0 auto;width:100%;max-width:500px}.social-icons{justify-content:center}}@media (max-width: 576px){.contact-input,.contact-textarea{font-size:.9rem}.contact-button{font-size:.95rem}.social-link{font-size:1.3rem;width:44px;height:44px}.footer-container{margin-top:8rem}}.workflow-section{background:#000;position:relative;overflow:hidden;font-family:geomanist,ui-sans-serif,system-ui,sans-serif;padding:120px 0;color:#fff}.workflow-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.workflow-orb-1{position:absolute;top:20%;left:15%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,69,255,.15) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:workflowPulse 8s ease-in-out infinite}.workflow-orb-2{position:absolute;top:60%;right:20%;width:250px;height:250px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:workflowPulse 8s ease-in-out infinite 3s}.workflow-orb-3{position:absolute;bottom:20%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(5,150,105,.1) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:workflowPulse 8s ease-in-out infinite 5s}@keyframes workflowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.workflow-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.workflow-particle{position:absolute;width:3px;height:3px;background:#8b45ff66;border-radius:50%;animation:workflowFloat 6s ease-in-out infinite}@keyframes workflowFloat{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-40px) scale(1.3);opacity:.8}}.workflow-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:10}.workflow-header{text-align:center;margin-bottom:80px}.workflow-title{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGradientShift 4s ease-in-out infinite}@keyframes titleGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.workflow-subtitle{font-size:1.5rem;color:#d1d5db;font-weight:300;line-height:1.6}.workflow-canvas{position:relative;height:400px;margin-bottom:60px;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden}.workflow-connections{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.workflow-path{stroke-dasharray:5,5;animation:pathFlow 3s linear infinite}@keyframes pathFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.action-branches{opacity:0;animation:branchFadeIn .5s ease-in-out 2s forwards}@keyframes branchFadeIn{to{opacity:1}}.workflow-step{position:absolute;transform:translate(-50%,-50%);z-index:5;transition:all .3s ease}.workflow-step.active{transform:translate(-50%,-50%) scale(1.1)}.workflow-step.animating{animation:stepActivate .6s ease-out}@keyframes stepActivate{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1.1)}}.step-node{position:relative;width:80px;height:80px;background:linear-gradient(135deg,var(--step-color) 0%,transparent 100%);border:3px solid var(--step-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s ease}.workflow-step.active .step-node{box-shadow:0 0 30px var(--step-color);background:var(--step-color)}.step-icon{font-size:2rem;z-index:2}.step-pulse{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid var(--step-color);border-radius:50%;opacity:0;animation:stepPulse 2s ease-in-out infinite}.workflow-step.active .step-pulse{opacity:1}@keyframes stepPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:0}}.step-content{text-align:center;max-width:150px}.step-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--step-color)}.step-description{font-size:.9rem;color:#9ca3af;line-height:1.4}.step-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,var(--step-color) 0%,transparent 70%);opacity:.2;border-radius:50%;filter:blur(30px);z-index:-1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}.action-options{position:absolute;top:15%;right:15%;display:flex;flex-direction:column;gap:12px;z-index:6}.action-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--action-color);border-radius:12px;color:var(--action-color);font-weight:500;animation:actionSlideIn .5s ease-out forwards;opacity:0;transform:translate(30px);transition:all .3s ease;cursor:pointer}.action-option:hover{background:#ffffff26;transform:translate(0) scale(1.05);box-shadow:0 4px 20px #0000004d}@keyframes actionSlideIn{to{opacity:1;transform:translate(0)}}.action-icon{font-size:1.2rem}.action-name{font-size:.9rem;white-space:nowrap}.ai-results-preview{position:absolute;bottom:15%;right:10%;width:280px;padding:20px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;animation:resultsSlideUp .6s ease-out;z-index:6}@keyframes resultsSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.results-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ai-avatar{width:32px;height:32px;background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:#a855f7;border-radius:50%;animation:typingDots 1.5s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDots{0%,80%,to{transform:scale(1);opacity:.5}40%{transform:scale(1.3);opacity:1}}.results-content{display:flex;flex-direction:column;gap:8px}.result-line{height:12px;background:linear-gradient(90deg,#8b45ff4d,#3b82f633);border-radius:6px;animation:lineLoad 1.5s ease-in-out infinite}@keyframes lineLoad{0%,to{opacity:.4}50%{opacity:.8}}.workflow-demo{margin-bottom:40px}.demo-editor{max-width:600px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.editor-controls{display:flex;gap:8px}.control{width:12px;height:12px;border-radius:50%}.control.red{background:#ef4444}.control.yellow{background:#eab308}.control.green{background:#22c55e}.editor-title{font-size:.9rem;color:#ffffffb3}.editor-content{padding:24px}.demo-text{font-size:1.1rem;line-height:1.6;color:#e5e7eb}.demo-text .highlighted{background:linear-gradient(135deg,#8b45ff4d,#3b82f633);padding:4px 8px;border-radius:6px;border:1px solid rgba(139,69,255,.5);animation:highlightGlow 2s ease-in-out infinite}@keyframes highlightGlow{0%,to{box-shadow:0 0 10px #8b45ff4d}50%{box-shadow:0 0 20px #8b45ff80}}.ai-suggestion{margin-top:20px;padding:16px;background:#8b45ff1a;border:1px solid rgba(139,69,255,.3);border-radius:12px;animation:suggestionSlideIn .8s ease-out}@keyframes suggestionSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.suggestion-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:.8rem;font-weight:600;border-radius:12px;margin-bottom:12px}.ai-suggestion p{margin:0;color:#d1d5db;font-size:1rem;line-height:1.5}.step-indicators{display:flex;justify-content:center;gap:12px}.step-indicator{width:40px;height:40px;border:2px solid rgba(139,69,255,.5);background:transparent;color:#8b45ffb3;border-radius:50%;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.step-indicator:hover{border-color:#7c3aed;color:#7c3aed;transform:scale(1.1)}.step-indicator.active{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border-color:#7c3aed;box-shadow:0 0 20px #8b45ff66}@media (max-width: 1024px){.workflow-title{font-size:3rem}.workflow-canvas{height:350px}.step-content{max-width:120px}.step-title{font-size:1rem}.step-description{font-size:.8rem}}@media (max-width: 768px){.workflow-section{padding:80px 0}.workflow-container{padding:0 1rem}.workflow-title{font-size:2.5rem}.workflow-subtitle{font-size:1.2rem}.workflow-canvas{height:-moz-fit-content;height:fit-content}.workflow-step{position:static;transform:none;margin-bottom:30px;text-align:center}.workflow-step.active{transform:scale(1.05)}.workflow-connections{display:none}.action-options{position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:20px 0}.ai-results-preview{position:static;width:100%;margin:20px 0}.demo-editor{margin:0 -1rem}.workflow-orb-1,.workflow-orb-2,.workflow-orb-3{display:none}}@media (max-width: 480px){.workflow-title{font-size:2rem}.workflow-subtitle{font-size:1rem}.step-node{width:60px;height:60px}.step-icon{font-size:1.5rem}.action-option{padding:8px 12px;font-size:.8rem}}.fc-section{padding:4rem 1rem;background:transparent;font-family:geomanist,ui-sans-serif,system-ui,sans-serif}.fc-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.fc-card{background:#ffffff0d;border:1px solid rgba(139,69,255,.2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:start;transition:transform .3s,box-shadow .3s}.fc-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b45ff66}.fc-icon{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;border-radius:14px;margin-bottom:1.5rem;background:none;display:block;transition:width .2s,height .2s}@media (max-width: 768px){.fc-icon{width:52px;height:52px;margin-bottom:1.2rem}}@media (max-width: 480px){.fc-icon{width:44px;height:44px;margin-bottom:1rem}}.fc-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.fc-subtitle{font-size:1.125rem;font-weight:600;color:#d1d5db;margin-bottom:1rem}.fc-desc{font-size:1rem;line-height:1.6;color:#cbd5e1;flex-grow:1}@media (max-width: 480px){.fc-section{padding:2rem .5rem}.fc-card{padding:1.5rem}.fc-title{font-size:1.25rem}}.auth-page{height:100vh;width:100%;background-color:#0d0d0d;background-image:radial-gradient(circle at 20% 20%,rgba(98,0,238,.4),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,165,0,.4),transparent 40%);display:flex;justify-content:center;align-items:center}.auth-container{background:#ffffff0d;border-radius:12px;box-shadow:0 4px 30px #000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:2rem 2.5rem;max-width:400px;width:100%;color:#fff;text-align:center}.auth-title{font-size:2rem;font-weight:500;margin-bottom:1.5rem;color:#e0e0e0}.error-text{background-color:#ff453a33;border:1px solid rgba(255,69,58,.6);color:#ff453a;border-radius:8px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-label{font-size:.9rem;text-align:left;margin-bottom:.25rem;margin-top:.5rem;color:#ccc}.auth-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;height:2.5rem;padding:0 .75rem;font-size:1rem;color:#fff;transition:border .2s ease-in-out,background .2s ease-in-out}.auth-input::-moz-placeholder{color:#ffffffb3}.auth-input::placeholder{color:#ffffffb3}.auth-input:focus{outline:none;background:#ffffff26;border-color:#6200eecc}.auth-button{margin-top:1.25rem;background-color:#6200eed9;color:#fff;border:none;border-radius:8px;height:2.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.auth-button:hover{background-color:#6200ee;transform:translateY(-2px)}.auth-footer{margin-top:1.5rem;font-size:.9rem;color:#bbb}.auth-link{color:#ffa500d9;text-decoration:none;font-weight:500;transition:color .2s}.auth-link:hover{color:orange}:root{--primary-color: #4f46e5;--secondary-color: #f59e0b;--background-dark: #151415;--text-light: #ffffff;--text-dark: #333333;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-800: #1f2937;--gray-900: #111827}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,sans-serif;font-size:16px;line-height:1.5;background-color:#000}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.p-4{padding:1rem}.m-4{margin:1rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.transition{transition:all .2s ease-in-out}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-dark{background-color:var(--gray-900);color:var(--gray-100)}.btn:hover{opacity:.9}.text-center{text-align:center}.text-white{color:var(--text-light)}.text-black{color:var(--text-dark)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-5xl{max-width:64rem}.mx-auto{margin-left:auto;margin-right:auto}.body-gradient-blobs{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;mix-blend-mode:lighten}.file-card{position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #0000004d;overflow:hidden;font-family:geomanist,ui-sans-serif,system-ui,sans-serif;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.file-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff1a,#3b82f61a);border-radius:16px;filter:blur(20px);z-index:-1;transform:scale(1.1);opacity:0;transition:opacity .3s ease}.file-card:hover:before{opacity:1}.file-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 48px #8b45ff66;border-color:#8b45ff4d;background:#ffffff26}.file-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;position:relative}.file-icon{font-size:2rem;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(139,69,255,.5));animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 10px rgba(139,69,255,.3))}50%{filter:drop-shadow(0 0 20px rgba(139,69,255,.6))}}.file-actions{display:flex;gap:8px;opacity:0;transform:translate(10px);transition:all .3s ease;position:relative}.file-actions.show{opacity:1;transform:translate(0)}.action-btn{width:32px;height:32px;border:none;border-radius:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff33,#3b82f633);opacity:0;transition:opacity .3s ease}.action-btn:hover:before{opacity:1}.action-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 16px #8b45ff4d}.open-btn:hover{background:#22c55e4d;box-shadow:0 4px 16px #22c55e66}.delete-btn:hover{background:#ef44444d;box-shadow:0 4px 16px #ef444466}.file-card-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px}.file-name{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:textGlow 3s ease-in-out infinite}@keyframes textGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.file-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#d1d5db;gap:12px}.file-size{background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500;padding:2px 8px;border-radius:12px;background-color:#8b45ff1a;border:1px solid rgba(139,69,255,.2);animation:sizeGlow 2s ease-in-out infinite}@keyframes sizeGlow{0%,to{box-shadow:0 0 5px #8b45ff33}50%{box-shadow:0 0 15px #8b45ff66}}.file-date{color:#9ca3af;font-size:.8rem;opacity:.8}.file-card-footer{display:flex;justify-content:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.open-file-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;padding:10px 24px;border-radius:12px;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff4d;position:relative;overflow:hidden;min-width:80px}.open-file-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.open-file-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 32px #8b45ff66}.open-file-btn:hover:before{left:100%}.open-file-btn:active{transform:translateY(-1px) scale(1.02)}@media (max-width: 768px){.file-card{padding:16px;min-height:140px}.file-icon{font-size:1.5rem}.file-name{font-size:1rem}.file-meta{font-size:.8rem;flex-direction:column;align-items:flex-start;gap:4px}.action-btn{width:28px;height:28px;font-size:.875rem}.open-file-btn{padding:8px 20px;font-size:.8rem}}@media (max-width: 480px){.file-card{padding:12px;min-height:120px}.file-card-header,.file-card-content{margin-bottom:12px}.file-card-footer{padding-top:8px}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.file-card{animation:cardEntrance .5s ease-out}.file-card-content:hover .file-name{animation-duration:1s}.file-card.loading{opacity:.6;pointer-events:none}.file-card.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loadingShimmer 1.5s infinite}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.user-profile-section{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease;font-family:geomanist,ui-sans-serif,system-ui,sans-serif}.user-profile-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff1a,#3b82f61a);border-radius:20px;filter:blur(30px);z-index:-1;transform:scale(1.1);animation:profileGlow 4s ease-in-out infinite}@keyframes profileGlow{0%,to{opacity:.3;transform:scale(1.1)}50%{opacity:.6;transform:scale(1.2)}}.user-profile-section:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b45ff33}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:10}.profile-image-container{position:relative;display:flex;align-items:center;justify-content:center}.profile-image{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(139,69,255,.5);box-shadow:0 4px 20px #8b45ff4d;transition:all .3s ease;animation:profileImageGlow 3s ease-in-out infinite}@keyframes profileImageGlow{0%,to{box-shadow:0 4px 20px #8b45ff4d}50%{box-shadow:0 8px 30px #8b45ff80}}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #8b45ff4d;position:relative;overflow:hidden;animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.change-image-btn{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #8b45ff66}.change-image-btn:hover{transform:scale(1.1);box-shadow:0 4px 20px #8b45ff99}.change-image-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-name-section{flex:1}.name-display{display:flex;align-items:center;gap:.75rem}.user-name{color:#fff;font-size:1.5rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:nameGlow 3s ease-in-out infinite}@keyframes nameGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.edit-name-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#d1d5db;cursor:pointer;transition:all .3s ease;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-name-btn:hover{background:#8b45ff33;border-color:#8b45ff66;transform:scale(1.05)}.name-edit-form{display:flex;align-items:center;gap:.5rem}.name-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.name-input:focus{outline:none;border-color:#8b45ff99;box-shadow:0 0 0 3px #8b45ff33;background:#ffffff26}.name-input::-moz-placeholder{color:#ffffff80}.name-input::placeholder{color:#ffffff80}.name-edit-actions{display:flex;gap:.5rem}.save-btn,.cancel-btn{width:32px;height:32px;border-radius:6px;border:none;color:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px #22c55e4d}.save-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #22c55e66}.save-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d}.cancel-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #dc262666}.profile-info{margin-bottom:2rem;position:relative;z-index:10}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.info-item:hover{background:#ffffff0d;margin:0 -1rem;padding:1rem;border-radius:8px}.info-item:last-child{border-bottom:none}.info-label{color:#d1d5db;font-weight:500;font-size:.95rem}.info-value{color:#fff;font-weight:600;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.95rem}.theme-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:10}.theme-section label{color:#fff;font-weight:500;font-size:1rem;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-section select{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.theme-section select:focus{outline:none;border-color:#8b45ff99;box-shadow:0 0 0 3px #8b45ff33;background:#ffffff26}.theme-section select option{background:#1a1a2e;color:#fff}.user-profile-section .landing-hero__button{width:100%;margin-top:1rem;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;padding:1rem 2rem;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff4d;position:relative;overflow:hidden;z-index:10}.user-profile-section .landing-hero__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.user-profile-section .landing-hero__button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #8b45ff66}.user-profile-section .landing-hero__button:hover:before{left:100%}.user-profile-section .landing-hero__button:active{transform:translateY(-1px) scale(1.01)}@media (max-width: 768px){.user-profile-section{padding:1.5rem}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-image,.profile-avatar{width:100px;height:100px}.profile-avatar{font-size:1.75rem}.user-name{font-size:1.25rem}.name-edit-form{flex-direction:column;gap:1rem}.name-input{width:100%}.name-edit-actions{justify-content:center}.theme-section{flex-direction:column;align-items:stretch;gap:.5rem}}@media (max-width: 480px){.user-profile-section{padding:1rem;border-radius:12px}.profile-header{flex-direction:column;gap:.75rem}.profile-image,.profile-avatar{width:70px;height:70px}.profile-avatar{font-size:1.1rem}.user-name{font-size:1rem}.name-edit-form{flex-direction:column;gap:.5rem}.name-input{width:100%;font-size:.95rem;padding:.5rem}.name-edit-actions{justify-content:center;gap:.5rem}.theme-section{flex-direction:column;align-items:stretch;gap:.25rem;margin-bottom:1rem}.user-profile-section .landing-hero__button{padding:.75rem 1rem;font-size:.95rem;border-radius:8px}}.dashboard-settings{background:linear-gradient(135deg,#000,#1a1a2e,#16213e);min-height:100vh;padding:2rem;position:relative;overflow:hidden;font-family:geomanist,ui-sans-serif,system-ui,sans-serif;color:#fff}.dashboard-settings:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(139,69,255,.1) 0%,rgba(59,130,246,.08) 25%,transparent 60%);pointer-events:none;z-index:1}.dashboard-settings:after{content:"";position:absolute;top:20%;right:10%;width:250px;height:250px;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:pulse 6s ease-in-out infinite;z-index:1}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.dashboard-settings>h2{font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;position:relative;z-index:10}.settings-section{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:2rem;margin-bottom:2rem;position:relative;z-index:10;box-shadow:0 8px 32px #0003;transition:all .3s ease}.settings-section:hover{background:#ffffff1a;border-color:#8b45ff4d;transform:translateY(-2px);box-shadow:0 12px 40px #8b45ff26}.settings-section h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-section h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.3)}.setting-item{margin-bottom:1.5rem;position:relative}.setting-item:last-child{margin-bottom:0}.setting-label{display:flex;flex-direction:column;gap:.5rem;font-size:1rem;font-weight:500;color:#e5e7eb;cursor:pointer;transition:color .3s ease}.setting-label:hover{color:#fff}.setting-select{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 40px 12px 16px;color:#fff;font-size:1rem;transition:all .3s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.setting-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733;background:#ffffff26}.setting-select option{background:#1a1a2e;color:#fff;padding:8px}.setting-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:1rem;color:#e5e7eb;transition:color .3s ease}.setting-checkbox:hover{color:#fff}.setting-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;position:absolute}.checkmark{width:20px;height:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:6px;position:relative;transition:all .3s ease;flex-shrink:0}.setting-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed4d}.setting-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.export-btn,.delete-account-btn,.cancel-delete-btn,.upgrade-btn{padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.export-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 16px #0596694d}.export-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 32px #05966966}.delete-account-btn{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 16px #dc26264d}.delete-account-btn.confirm{background:linear-gradient(135deg,#b91c1c,#dc2626);animation:dangerPulse 1s ease-in-out infinite}@keyframes dangerPulse{0%,to{box-shadow:0 4px 16px #dc26264d}50%{box-shadow:0 8px 32px #dc262699}}.delete-account-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 32px #dc262680}.cancel-delete-btn{background:#ffffff1a;color:#e5e7eb;border:1px solid rgba(255,255,255,.2)}.cancel-delete-btn:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.upgrade-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;box-shadow:0 4px 16px #7c3aed4d}.upgrade-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 32px #7c3aed66}.export-btn:before,.delete-account-btn:before,.upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.export-btn:hover:before,.delete-account-btn:hover:before,.upgrade-btn:hover:before{left:100%}.setting-description{font-size:.875rem;color:#9ca3af;margin-top:.5rem;line-height:1.4}.danger-zone{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1.5rem;margin-top:1rem}.delete-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-top:1rem}.delete-warning p{color:#fca5a5;margin-bottom:1rem;font-size:.875rem}.storage-info{display:flex;flex-direction:column;gap:1rem}.storage-limit-warning{color:#ef4444;font-weight:700;margin-left:.5rem}.storage-bar{width:100%;height:10px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.storage-used{height:100%;border-radius:4px;transition:width .5s ease,background .3s;position:relative}.storage-used[style*=ef4444]{box-shadow:0 0 8px 2px #ef4444}.storage-used:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.storage-info p{color:#d1d5db;font-size:.875rem;margin:0}.dashboard-settings div:first-child:only-child{display:flex;align-items:center;justify-content:center;min-height:50vh;font-size:1.25rem;color:#9ca3af;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.dashboard-settings{padding:1rem}.dashboard-settings>h2{font-size:2rem}.settings-section{padding:1.5rem}.setting-label{font-size:.875rem}.setting-select{padding:10px 14px;font-size:.875rem}.export-btn,.delete-account-btn,.cancel-delete-btn,.upgrade-btn{padding:10px 20px;font-size:.875rem}}@media (max-width: 480px){.dashboard-settings>h2{font-size:1.5rem}.settings-section{padding:1rem}.settings-section h3{font-size:1.25rem}.export-btn,.delete-account-btn,.cancel-delete-btn,.upgrade-btn{width:100%;margin-bottom:.5rem}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a2e,#16213e);position:relative;overflow:hidden;font-family:geomanist,ui-sans-serif,system-ui,sans-serif}.dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(139,69,255,.15) 0%,rgba(59,130,246,.1) 25%,transparent 70%);pointer-events:none;z-index:1}.dashboard:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(139,69,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(168,85,247,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(34,197,94,.08) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;pointer-events:none;z-index:2}@keyframes backgroundShift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(1deg)}}.dashboard-header{position:relative;z-index:10;padding:2rem 2rem 1rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#e5d4ff,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dashboard-tabs{display:flex;gap:1rem;background:#ffffff0d;padding:.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.tab-button{padding:.75rem 1.5rem;border:none;background:transparent;color:#d1d5db;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tab-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 .5s}.tab-button:hover:before{left:100%}.tab-button.active{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #8b45ff4d}.tab-button:hover:not(.active){background:#ffffff1a;transform:translateY(-1px)}.dashboard-content{display:flex;gap:2rem;padding:2rem;position:relative;z-index:10;min-height:calc(100vh - 140px)}.dashboard-sidebar{width:320px;display:flex;flex-direction:column;gap:2rem;flex-shrink:0}.dashboard-stats{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.dashboard-stats:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff1a,#3b82f61a);border-radius:16px;filter:blur(20px);z-index:-1;transform:scale(1.1)}.dashboard-stats h3{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-item:last-child{border-bottom:none}.stat-label{color:#d1d5db;font-weight:500}.stat-value{color:#fff;font-weight:600;background:linear-gradient(135deg,#a855f7,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-main{flex:1;min-height:100%}.files-section{height:100%}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.files-header h2{color:#fff;font-size:2rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#e5d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-file-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;padding:.75rem 1.5rem;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8b45ff4d;position:relative;overflow:hidden}.new-file-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.new-file-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 32px #8b45ff66}.new-file-btn:hover:before{left:100%}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#ffffff08;border-radius:16px;border:2px dashed rgba(139,69,255,.3);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b45ff0d,#3b82f60d);border-radius:16px;animation:pulse 3s ease-in-out infinite}.empty-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{color:#d1d5db;margin-bottom:2rem;font-size:1.1rem}.back-to-home{padding:1rem 0 0 1rem}.back-to-home-btn{background:linear-gradient(135deg,#fff,#e5d4ff);color:#6c47ff;border:1.5px solid #6c47ff;border-radius:8px;padding:.6rem 1.4rem;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 2px 8px #8b45ff14;transition:background .2s,color .2s,box-shadow .2s,transform .2s;outline:none;position:relative;z-index:20;margin-bottom:1.2rem}.back-to-home-btn:hover,.back-to-home-btn:focus{background:linear-gradient(135deg,#6c47ff,#a855f7);color:#fff;box-shadow:0 4px 16px #8b45ff2e;transform:translateY(-2px) scale(1.03)}.back-to-home-btn:active{background:linear-gradient(135deg,#a855f7,#6c47ff);color:#fff;transform:translateY(-1px) scale(.99)}.error-banner{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:1rem 2rem;margin:1rem 2rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10;box-shadow:0 4px 16px #dc26264d}.error-banner button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.error-banner button:hover{background:#fff3}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#000,#1a1a2e,#16213e);color:#fff}.loading-spinner{width:48px;height:48px;border:4px solid rgba(139,69,255,.3);border-top:4px solid #8b45ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-loading p{font-size:1.1rem;color:#d1d5db}@media (max-width: 1024px){.dashboard-content{flex-direction:column;gap:1.5rem}.dashboard-sidebar{width:100%}.files-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;padding:1.5rem 1rem}.dashboard-header h1{font-size:2rem}.dashboard-content{padding:1rem}.files-header{flex-direction:column;gap:1rem;align-items:stretch}.files-grid{grid-template-columns:1fr}.dashboard-tabs{width:100%;justify-content:center}}@media (max-width: 480px){.dashboard-header h1{font-size:1.75rem}.files-header h2{font-size:1.5rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}}