.tracking-page{background:#fffdf9;color:#302939}.tracking-hero{overflow:hidden;background:radial-gradient(circle at 78% 34%,rgba(178,153,209,.28),transparent 25%),linear-gradient(112deg,#fbf7f0 0%,#fffdf9 55%,#f1eafa 100%);border-bottom:1px solid rgba(119,101,143,.1)}.tracking-hero__inner{min-height:330px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.tracking-hero__copy{padding:64px 0}.tracking-hero .eyebrow{color:#796493}.tracking-hero h1{max-width:720px;margin:15px 0 20px;font:400 clamp(48px,5vw,76px)/.98 var(--font-editorial);letter-spacing:-.04em}.tracking-hero__copy>p:last-child{max-width:570px;margin:0;color:#675f6c;font-size:14px;line-height:1.75}.tracking-hero__art{position:relative;min-height:270px}.tracking-hero__gift,.tracking-hero__heart{position:absolute;display:grid;place-items:center;border:1px solid rgba(126,103,164,.18);border-radius:50%;background:rgba(255,255,255,.72);color:#8f73bc;box-shadow:0 20px 60px rgba(77,55,96,.08)}.tracking-hero__gift{width:174px;height:174px;left:24%;top:14%}.tracking-hero__heart{width:72px;height:72px;right:14%;bottom:11%}.tracking-hero__gift svg{width:42px}.tracking-hero__heart svg{width:23px}.tracking-hero__line{position:absolute;width:240px;height:240px;right:2%;top:12%;border:1px solid rgba(126,103,164,.14);border-radius:50%}
.tracking-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:34px;padding-top:72px;padding-bottom:68px}.tracking-panel{padding:44px 48px;border:1px solid rgba(119,101,143,.16);border-radius:14px;background:#fff;box-shadow:0 22px 65px rgba(59,43,70,.06)}.tracking-panel>.eyebrow{color:#806b9d}.tracking-panel h2{margin:12px 0 14px;font:400 clamp(32px,3vw,46px)/1.04 var(--font-editorial)}.tracking-panel__intro{max-width:650px;color:#716978;line-height:1.7}.tracking-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}.tracking-form label>span{display:block;margin-bottom:9px;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.tracking-form input{width:100%;height:52px;padding:0 16px;border:1px solid #ddd5e1;border-radius:6px;background:#fffdfa;font:13px var(--font-functional);outline:none}.tracking-form input:focus{border-color:#8f73bc;box-shadow:0 0 0 3px rgba(143,115,188,.1)}.tracking-input{display:flex;align-items:center;border:1px solid #ddd5e1;border-radius:6px;background:#fffdfa}.tracking-input:focus-within{border-color:#8f73bc;box-shadow:0 0 0 3px rgba(143,115,188,.1)}.tracking-input b{padding-left:15px;color:#8f73bc}.tracking-input input{border:0;box-shadow:none!important;padding-left:7px}.tracking-form label small{display:block;margin-top:7px;color:#8b8290;font-size:9px}.tracking-form__error{grid-column:1/-1;margin:0;color:#a43e53;font-size:11px}.tracking-form__submit{grid-column:1/-1;width:100%;height:53px;margin-top:3px;background:#8f73bc;border-color:#8f73bc}
.tracking-result{display:flex;gap:22px;margin-top:34px;padding:28px;background:linear-gradient(135deg,#f3edf9,#fbf8f1);border:1px solid rgba(119,101,143,.14);border-radius:10px}.tracking-result__icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:50%;background:#fff;color:#8f73bc}.tracking-result__icon svg{width:23px}.tracking-result h3{margin:6px 0 7px;font:400 28px/1.1 var(--font-editorial)}.tracking-result p:not(.eyebrow){max-width:600px;margin:0;color:#6f6674;line-height:1.6}.tracking-result__actions{display:flex;gap:12px;margin-top:20px}.tracking-result__actions .button{min-width:170px}.tracking-result__actions .button--outline{background:transparent;color:#493d58;border-color:#8f73bc}
.tracking-help{display:grid;gap:16px}.tracking-help__card{padding:27px 28px;border:1px solid rgba(119,101,143,.15);border-radius:12px;background:#fff}.tracking-help__card--accent{background:linear-gradient(145deg,#f0e8f8,#faf7f0)}.tracking-help__card>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:50%;background:#f2edf8;color:#8f73bc}.tracking-help__card svg{width:20px}.tracking-help__card h3{margin:7px 0 9px;font:400 22px/1.15 var(--font-editorial)}.tracking-help__card p:not(.eyebrow){margin:0;color:#716978;font-size:11px;line-height:1.6}.tracking-help__card a{display:inline-flex;gap:18px;margin-top:17px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#695184}
.tracking-journey{margin-bottom:78px;padding:28px 32px;border:1px solid rgba(119,101,143,.14);border-radius:12px;background:linear-gradient(100deg,#f8f4fb,#fffdf9)}.tracking-journey>.eyebrow{margin:0 0 22px;color:#77658f}.tracking-journey__steps{display:flex;align-items:center;justify-content:space-between;gap:14px}.tracking-journey__steps div{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.tracking-journey__steps i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ede5f7;color:#755c9a;font-style:normal;font-weight:700}.tracking-journey__steps strong{font-size:10px}.tracking-journey__steps small{margin-top:3px;color:#847b88;font-size:8px}.tracking-journey__steps>span{color:#a996bf}
@media(max-width:900px){.tracking-hero__inner{grid-template-columns:1fr .55fr;gap:20px}.tracking-layout{grid-template-columns:1fr}.tracking-help{grid-template-columns:repeat(3,1fr)}.tracking-help__card{padding:23px 20px}.tracking-journey__steps{display:grid;grid-template-columns:1fr 1fr}.tracking-journey__steps>span{display:none}}
@media(max-width:650px){.tracking-hero__inner{display:block;min-height:0}.tracking-hero__copy{padding:48px 0}.tracking-hero h1{font-size:44px}.tracking-hero__art{display:none}.tracking-layout{padding-top:42px;padding-bottom:48px}.tracking-panel{padding:30px 22px}.tracking-form{grid-template-columns:1fr}.tracking-form__submit,.tracking-form__error{grid-column:auto}.tracking-result{display:block;padding:22px}.tracking-result__icon{margin-bottom:15px}.tracking-result__actions{display:grid}.tracking-result__actions .button{width:100%}.tracking-help{grid-template-columns:1fr}.tracking-journey{padding:25px 22px;margin-bottom:52px}.tracking-journey__steps{grid-template-columns:1fr;gap:18px}}
